この質問が以前に行われた場合は申し訳ありませんが、探していた正確な回答を見つけることができませんでした。
滑らかに動き、識別可能な一時停止がなく、無期限に繰り返される垂直テキスト ティッカーを作成する必要があります。
私は JCarouselLite を見つけ、すべてが思い通りに見えるようになりました。
ただし、「自動」間隔を 1 または 0.01 に設定すると、各動きの間に一時停止が残ります。また、イージングを「線形」に設定して、方程式からそれを削除しました。
次に、一時停止を最小限に抑えるために、スクロールをより多くのアイテムとより長い期間に設定してみました. デュレーションを 18000ms に設定し、51 個のアイテムを使用すると、見栄えがよくなります。1 つの問題として、最初に開始する前に 18000 ミリ秒の遅延が発生し、その後は毎回遅延が発生します。
ここのページ: https://secure.awarenesslife.com/tickertest.cfm
ここにコード 1 (シングル スクロール バージョン):
<script type="text/javascript">
jQuery(document).ready(function() {
$(".academyCarousel").jCarouselLite({
vertical: true,
hoverPause: false,
visible: 15,
easing: 'linear',
auto: 0.001,
speed: 800,
scroll: 1
});
});
</script>
ここにコード 2 (マルチスクロール バージョン):
<script type="text/javascript">
jQuery(document).ready(function() {
$(".academyCarousel").jCarouselLite({
vertical: true,
hoverPause: false,
visible: 15,
easing: 'linear',
auto: 0.001,
speed: 18000,
scroll: 51
});
});
</script>