2

この質問が以前に行われた場合は申し訳ありませんが、探していた正確な回答を見つけることができませんでした。

滑らかに動き、識別可能な一時停止がなく、無期限に繰り返される垂直テキスト ティッカーを作成する必要があります。

私は 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>
4

0 に答える 0