overflow-x hidden 引起的bug

277 阅读1分钟

问题:
最近在做h5移动端的页面,发现一个问题,当页面的高度明显超出iphone 7plus的可视高度的时候,往上滑动的时候,总是滑动的很困难,动不动就一直滑动不上去,表现如下图:

一直就是这么高,但是往上滑的时候,总是滑动不上去,在安卓上是正常的,在chrome模拟也是正常的。

解决: 后来发现是因为在最外面设置了,overflow-x: hidden, 如果去掉就ok了。 查了下在chrome模拟器中,当设置overflow-x:hidden的时候,overflow-y:visible。 我怀疑是在iphone 7 下,overflow-y的值被修改了,等有时间去测下。