我正在制作可重复的自动滚动文字。
我的代码如下所示: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);
答案 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/
在动画期间,您应该计算文本的行数或类似的行,并使其动态化,这样您就不必担心文本的数量。