chrome升级后出现滚动条无法滚动

最近升级chrome最新版本后,导致项目中功能页面的局部滚动条无法滚动(心里暗骂了很久),无论怎么滚动都是最外层的滚动条响应...

1、猜想:尼玛google应该不会干事件流混乱这种事,pass;

2、有莫名浮层干扰:经过千方对比发现是由外容器的position: absolute、 z-index: xx导致,去掉z-index属性后,滚动正常;问题来了,我要是一定需要z-index的时候肿么办?(心里又想开骂...)

3、如果非要用position: absolute、 z-index: xx也可以,它不作为滚动容器即可,在它子孙里面找一个不具备z-index属性的容器作为滚动容器即可(最好设置好height、overflow:auto属性)

 

这里只是我遇到一种原因,这只是其中一种参考解决方案。

 

posted @ 2018-07-12 11:33  【云】风过无痕  阅读(1120)  评论(0编辑  收藏  举报