jQuery AutoScroll时间和速度

时间:2014-01-28 12:17:00

标签: jquery

我正在制作可重复的自动滚动文字。

我的代码如下所示:http://jsfiddle.net/yjYJ4/243/

当有很多行时,它开始缓慢滚动,几秒钟后停止,速度迅速上升。

滚动时如何更改代码以保持恒定速度? 阅读文本的速度必须缓慢。

     function scroll(element, speed) {
         element.animate({
             scrollTop: $(document).height()
         }, speed, function () {
             $(this).animate({
                 scrollTop: 0
             }, speed, scroll(element, speed));
         });
     }
     scroll($('html, body'), 3000);

1 个答案:

答案 0 :(得分:2)

您需要将animate方法的缓动属性更改为“linear”(默认为“swing”)。

function scroll(element, speed) {
    element.animate({ scrollTop: $(document).height() }, speed,'linear', function() {
        $(this).animate({ scrollTop: 0 }, speed, 'linear', scroll(element, speed));
    });
}

见这里:http://jsfiddle.net/yjYJ4/248/

在动画期间,您应该计算文本的行数或类似的行,并使其动态化,这样您就不必担心文本的数量。