先描述一下我的状况
今天写WebApp的页面的时候,因为页面中存在多个同级的块,而会根据窗口大小的变化,同级的块可能都会出现滚动条
但是发现滚动条只有第一个好用~,其他的都无法滚动,感觉很奇怪,与此同时,试了Safari、Firefox浏览器,都好用,后来有让同事拿同版本的Chrome浏览器在他的机器上访问发现也好用
把代码加了个鼠标滚轮事件监听,在回调响应方法中不执行任何代码,就是一个空回调方法,发现就好用。
以上就是我遇到的状况
后来分析了一下原因之后,觉得可能是浏览器的问题,也许是bug,也许是我浏览器安装插件的bug
[color=red]最终,我再Chrome浏览器的配置中找到了一项
在Chrome浏览器地址栏中,输入chrome://flags/
找到Threaded scrolling这项内容
将它禁用掉,然后重启浏览器,问题解决。[/color]
这个配置描述了禁用此功能后,所有滚动事件都会交给主线程来处理,所以在大部分网站会影响到性能问题,不推荐,不过这个不清楚Google会什么时候来解决这个问题。
今天写WebApp的页面的时候,因为页面中存在多个同级的块,而会根据窗口大小的变化,同级的块可能都会出现滚动条
但是发现滚动条只有第一个好用~,其他的都无法滚动,感觉很奇怪,与此同时,试了Safari、Firefox浏览器,都好用,后来有让同事拿同版本的Chrome浏览器在他的机器上访问发现也好用
把代码加了个鼠标滚轮事件监听,在回调响应方法中不执行任何代码,就是一个空回调方法,发现就好用。
以上就是我遇到的状况
后来分析了一下原因之后,觉得可能是浏览器的问题,也许是bug,也许是我浏览器安装插件的bug
[color=red]最终,我再Chrome浏览器的配置中找到了一项
在Chrome浏览器地址栏中,输入chrome://flags/
找到Threaded scrolling这项内容
将它禁用掉,然后重启浏览器,问题解决。[/color]
这个配置描述了禁用此功能后,所有滚动事件都会交给主线程来处理,所以在大部分网站会影响到性能问题,不推荐,不过这个不清楚Google会什么时候来解决这个问题。