javascript - 滚动 DIV 导致浏览器延迟

标签 javascript html css

我目前正在为一个网站构建导览,导览的最后一步是能够选择使用隐藏复选框完成的不同主题,然后您可以使用标签点击图片,您可以在此处看到它: https://www.dropbox.com/s/58t6xfqc0tz4zgc/Screenshot%202014-06-30%2014.03.57.png

由于某种原因,上下滚动几次导致整个浏览器卡住几秒钟,我不确定是什么原因造成的。

有没有人遇到过这种情况?

我使用下面的代码启用div的滚动

overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;

我测试了我所有的 javascript 事件,滚动没有触发任何东西,所以也不应该是这样。

最佳答案

尝试将其添加到 div 的 css 中

-webkit-overflow-scrolling: touch;

http://weblog.west-wind.com/posts/2013/Jun/01/Smoothing-out-div-scrolling-in-Mobile-WebKit-Browsers

关于javascript - 滚动 DIV 导致浏览器延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24489773/

相关文章:

jquery - 单击编辑按钮时显示的文本框

javascript - 带轨迹的 slider ?

javascript - 在 ngForm 中使用时未定义选择列表

javascript - 如何居中 DIV 弹出窗口?

html - CSS 全页宽水平菜单和水平子菜单

html - 如何控制 block anchor 标记的高度和字体大小

javascript - 使用字符串数组创建嵌套函数的对象以形成对象键

javascript - HTML Range输入增/减值问题

javascript - 筛选行并仅在屏幕上显示选定的行

jquery - 使用下拉菜单制作悬停鼠标效果