抱歉,如果以前有人问过这个问题,但我无法找到我正在寻找的确切答案。
我需要制作一个流畅的垂直文本代码,没有明显的停顿,并且可以无限重复。
我找到了 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>