jQuery div autoscroll

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

}

Answer 2

尝试this technique

Answer 3

试试这个插件：scrollTo

尤其是onAfter