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

嘗試這種技術

Answer 3

試試這個插件： scrollTo

尤其是onAfter