文本块上延迟的自动滚动效果
Delayed autoscroll effect on a block of text
我对JS相当陌生…请温柔一点。
谁能建议一种方法来实现延迟自动滚动效果的文本块?
值得一提的是,我的最终目标是在iOS设备上的弹出式模态窗口上使用它。因为iOS浏览器在用户交互之前不会显示滚动条,所以我使用了自动滚动。
实际上:我希望页面加载,等待几秒钟,然后开始慢慢向下滚动。滚动的目的是提示用户有更多的内容可用,因此,如果有任何方法可以停止或暂时暂停用户交互时的自动滚动-这将是最佳的。
我已经搜索了我的答案几个小时了,但是不能将找到的代码初始化到我的设计中(再一次,我是相当绿色的),也不能找到一个解决方案来实现我所需要的一切——我的头脑变得更聪明了。
我已经设置了一个小提琴与我的HTML和CSS: http://jsfiddle.net/zfMsQ/
任何帮助都非常感谢!
ps:这是我在StackOverflow上的第一篇文章:)
我的代码:Extensive. Linked above.
给你: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)
相关文章:
- 使用jquery或javascript延迟无限滚动
- 滚动延迟页面过渡效果
- JavaScript 事件处理具有延迟的滚动事件
- 如何在水平滚动 Jquery 上实现延迟加载
- 延迟滚动到锚链接
- 使用Twitter引导程序's Scrollspy到延迟加载(滚动加载)异步JavaScript
- 带有标签的外部链接会延迟滚动事件
- jQuery-在窗口滚动上运行一个函数,没有任何延迟
- Fullpage.js.添加滚动延迟
- 实现延迟在滚动上加载未知大小的图像并最佳定位的图像库
- 如何执行递归函数以重置/维护滚动事件的时间延迟
- JavaScript DOM 在 touchmove 中的更改延迟到移动 Safari 上的滚动结束
- 如何在每个窗帘在中间相遇后添加滚动延迟
- JQuery浮动菜单栏,滚动位置和延迟
- 是否有一个好的图表 API,可以在滚动/缩放时使用 Ajax 延迟加载大型数据集
- 在其他元素的滚动事件上删除更新一个元素的scrolltop/scrollleft的延迟
- 修复滚动时延迟的jquery淡入淡出
- 奇怪的第一次滚动延迟在Chrome使用jQueryScrollTop动画
- 基本无限滚动/延迟加载博客文章与纯JavaScript
- 活动链接上滚动延迟