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

}