Chrome浏览器内,多个同级的滚动条只有第一个好用的问题解决

Teresasmida 2016-04-01

先描述一下我的状况

今天写WebApp的页面的时候,因为页面中存在多个同级的块,而会根据窗口大小的变化,同级的块可能都会出现滚动条

但是发现滚动条只有第一个好用~,其他的都无法滚动,感觉很奇怪,与此同时,试了Safari、Firefox浏览器,都好用,后来有让同事拿同版本的Chrome浏览器在他的机器上访问发现也好用

把代码加了个鼠标滚轮事件监听,在回调响应方法中不执行任何代码,就是一个空回调方法,发现就好用。

以上就是我遇到的状况

后来分析了一下原因之后,觉得可能是浏览器的问题,也许是bug,也许是我浏览器安装插件的bug

最终,我再Chrome浏览器的配置中找到了一项

在Chrome浏览器地址栏中,输入chrome://flags/

找到Threadedscrolling这项内容

将它禁用掉,然后重启浏览器,问题解决。

这个配置描述了禁用此功能后,所有滚动事件都会交给主线程来处理,所以在大部分网站会影响到性能问题,不推荐,不过这个不清楚Google会什么时候来解决这个问题。

相关推荐