在一段文字上延迟自动滚动效果

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)