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属性)

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

原文地址:https://www.cnblogs.com/xtreme/p/9298668.html