javascript - jQuery div 自动滚动

Question

我正在寻找有关如何使用 jQuery 创建自动滚动效果的建议，该效果将使页面中的整个 div 在以恒定的慢速加载时开始垂直滚动。这将是一个包含大量内容的 div，但在任何时候屏幕上只能看到一小部分内容。

滚动需要自动、平滑并以定义的速率进行，例如每秒 10 像素。此外，当滚动到页面底部时，我需要能够调用一个函数。

我尝试了一些不同的 jQuery 插件，但没有发现任何可以可靠工作的插件。有人可以建议这里采取的方法吗？

谢谢

西蒙

Answer 1

无需 jquery 即可轻松完成此操作。

function init() {

    var div = document.getElementById("myDiv");

    // increase the scroll position by 10 px every 10th of a second
    setInterval(function() { 
        // make sure it's not at the bottom
        if (div.scrollTop < div.scrollHeight - div.clientHeight)
            div.scrollTop += 10; // move down
    }, 100); // 100 milliseconds

}