在一段文字上延遲自動滾動效果

Question

對JS來說相當新...請溫柔一點。

任何人都可以提出一種方法來延遲一段文本的延遲自動滾動效果嗎？

重要的是要提到我的最終目標是在iOS設備上的彈出式模式窗口中使用它。而且，由於iOS瀏覽器在用戶交互之前不顯示滾動條，我正在訴諸自動滾動。

實際上：我想加載頁面，等待幾秒鐘，然後開始慢慢向下滾動。該滾動旨在向用戶提示存在更多可用內容，因此如果有任何方式停止或暫時中斷用戶交互上的自動滾動 - 這將是最佳的。

我已經搜索了幾個小時的答案，但是無法將找到的代碼初始化爲我的設計（再次，我相當綠色），並且無法找到實現所有功能的解決方案我需要 - 我轉向更明亮的頭腦。

我已成立了一個撥弄我的HTML和CSS：http://jsfiddle.net/zfMsQ/

任何幫助，不勝感激！

PS：這是我的第一個職位StackOverflow上:)

我的代碼：

Extensive. Linked above. 

Answer 1

在這裏你去：http://jsfiddle.net/zfMsQ/3/

var roll = true; 
var max = 0; 
var text = $("#content"); 

function scroll() { 
    text.scrollTop(text.scrollTop() + 1) 
    var top = text.scrollTop() 
    if (top > max) { 
     max = top 
     if (roll) { 
      setTimeout(scroll, 50) 
     } 
    } 
} 

text.on("mouseenter mouseover mousedown", function(){ 
roll = false; 
}) 

setTimeout(scroll, 2000)