我想知道是否有一种简单的方法可以使用 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/

10-12 06:32