2

抱歉,如果以前有人问过这个问题,但我无法找到我正在寻找的确切答案。

我需要制作一个流畅的垂直文本代码,没有明显的停顿,并且可以无限重复。

我找到了 JCarouselLite,并得到了我想要的一切。

但是,如果我将“自动”间隔设置为 1,甚至 0.01,则每次移动之间仍然存在暂停。我还将缓动设置为“线性”以从等式中删除它。

接下来,我尝试将滚动设置为更多的项目总数和更长的持续时间,以最大限度地减少停顿。持续时间设置为 18000 毫秒和 51 项,看起来很棒。一个问题,它在第一次开始之前延迟了 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