我想知道是否有一种简单的方法可以使用 JavaScript(也可能是 jQuery?)来使固定高度的 div 元素的内容无限向上和向下滚动(顶部、底部、顶部、底部等)当页面加载并且没有任何用户输入或操作时?
提前感谢,非常感谢任何输入,因为我对 JavaScript 的使用并不平庸。
最佳答案
使用纯 js,您可以执行以下操作:
var scroller = document.getElementById('scroller');
var delta = 15;
var lastSc;
//console.log(scroller.scrollTop, scrollHeight);
setInterval(function(){
var sc = scroller.scrollTop + delta;
scroller.scrollTop = sc;
if (scroller.scrollTop === lastSc){
delta = delta*(-1);
}
lastSc = scroller.scrollTop;
}, 10);
Here is demo
编辑:更新的演示
关于JavaScript 无限上下元素滚动?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6888861/