jQuery的自動滾屏

的

我正在尋找如何使用jQuery創建自動滾動效果的建議，這將使一個頁面內的整個div開始以恆定的低速加載時垂直滾動。這將是一個具有大量內容的div，在任何時候只有少量內容在屏幕上可見。jQuery的自動滾屏

滾動需要是自動的，平滑的並且以定義的速率例如每秒10個像素。另外，當滾動到達頁面底部時，我需要能夠調用一個函數。

我已經嘗試了幾個不同的jQuery插件，但沒有發現任何工作可靠。任何人都可以提出一個方法來採取這裏？

感謝

西蒙

來源

2010-02-18 simonyoung

嘗試this technique

來源

2010-02-18 19:46:30 jlew

這可以很容易的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 

}

來源

2010-02-18 19:46:37 Joel

沒有足夠的jQuery :( [實施例]（http://4.bp.blogspot.com/-Hk1mt-RKYLc/UOkxShm6NrI /AAAAAAAACqo/LVmqHOfWV7g/s1600/20091116-so-large.gif） – helios456 2013-02-12 19:07:14

當原生JS中的任務很簡單時，爲什麼會遇到額外庫的性能問題？此代碼應該適用於任何現代瀏覽器以及IE6 +和Firefox 2.0+ – Joel 2013-02-14 18:34:33

我相信那是一個笑話 – 2013-02-21 13:46:05

嘗試這個插件：scrollTo

尤其是onAfter

來源

2010-02-18 19:47:03

jQuery的自動滾屏

回答

相關問題