2

我对 JS 很陌生……请温柔一点。

谁能建议一种方法来对文本块产生延迟的自动滚动效果？

值得一提的是，我的最终目标是在 iOS 设备上的弹出模式窗口中使用它。而且因为 iOS 浏览器在用户交互之前不会显示滚动条，所以我使用了自动滚动。

实际上：我想加载页面，等待几秒钟，然后开始慢慢向下滚动。滚动旨在向用户提示有更多可用内容，因此，如果有任何方法可以停止或暂时暂停用户交互时的自动滚动，那将是最佳选择。

我已经搜索了几个小时的答案，但是在无法将找到的代码初始化到我的设计（再次，我相当环保）和无法找到实现我需要的一切的解决方案之间 - 我我正在转向更聪明的头脑。

我用我的 HTML 和 CSS 设置了一个小提琴：http: //jsfiddle.net/zfMsQ/

任何帮助是极大的赞赏！

ps：这是我在 StackOverflow 上的第一篇文章 :)

我的代码：

Extensive. Linked above.
4

1 回答 1

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)
于 2013-04-24T22:10:11.970 回答