web-dev-qa-db-ja.com

滑らかな垂直方向のスクロールとオーバーレイ

this の質問に続いて、スライダーのスクロール方向を垂直に設定すると、上下に正しくスクロールされないのはなぜですか?それはslick、またはそれに付随するCSSコードの問題でしょうか? http://codepen.io/anon/pen/VeELqN を参照してください

CSSコードがなくても、垂直スクロールが非常に壊れており、次のスライドの上部のy位置を誤って計算しているように見えます。

この厄介なヒントを乗り越えるためにここにどのコードを置くべきか本当にわからないので、これは滑らかなオブジェクトが初期化される方法です:

$('#slider').slick({
    autoPlay:true,
    dots: true,
    arrows: true,
    vertical: true,
  }); 
5
user3791372

ブラウザの開発者ツールからわかるように、slickはその値を「auto」に設定してルールを上書きするため、一部のslick-slide要素の高さがプラグインによって誤って計算されています。これは、cssルールを次のように変更することで解決できます。

.slick-slide {
    height: 200px !important;
}
5
Cheng