4

スタックオーバーフロー、

Twitter のカルーセルは動作するようになりましたが、次のスライドへの遷移が非常に荒いです。

スムーズに移動し、最後の 1 秒で下に移動して所定の位置にスナップします。

参照用のスクリーン キャップを次に示します。

前もって感謝します！

4

1 に答える 1

7

カルーセルがパディングでうまく再生されないことがわかりました。パディングの使用を避けることができない場合 (私はできませんでした)、カルーセルの .next および .prev 要素を、調整している側にそれぞれ「上」、「左」、「右」を使用して配置してみてください。シフトを相殺するように。

どれだけ調整する必要があるかを確認するには、リロードして繰り返し調整する必要がある場合があります.

たとえば、carousel-inner 要素の 40px のパディングと、左右に配置された要素間のその他のパディングをオフセットするには、次を使用しました。

.carousel .next {
  top: 40px;
  padding-left: 160px;
}

.carousel .prev {
  top: 40px;  
  padding-left: 160px;  
}

それが役立つことを願っています。

于 2012-11-21T17:11:44.433 に答える