滚动DIV导致浏览器滞后

时间:2014-06-30 12:05:57

标签: 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事件,并且滚动没有触发任何内容,所以也不应该这样。

1 个答案:

答案 0 :(得分:0)

尝试将其添加到div的css

-webkit-overflow-scrolling: touch;

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