我在iOS设备(iPad)上的浏览器中滚动时遇到了一个模糊的bug,它在90%的时间里都能工作,但有10%的时间滚动被阻止了。然后我必须等待几秒钟,然后它才能再次工作。这通常发生在我收缩/扩展了一个过滤器面板之后,它也是一个可滚动的组件。
在所有其他设备上,滚动都不是问题。我已经在网上到处找了,但是我找不到有类似问题的人?
我的两个可滚动组件确实有overflow-y: scroll和-webkit-overflow-scrolling: touch,但总的来说,我非常怀疑这是一个CSS问题,因为它在大多数情况下都是有效的,只是不是在随机时间。
我曾尝试将onTouchStart={ () => {} }添加到我的组件中,但同样没有解决这个问题。
发布于 2018-05-26 04:36:39
我以前遇到过这个bug。在将元素设置为浏览器视口的高度(例如,height: 100vh)时,似乎会出现这种情况。尝试在您的<body>元素上设置以下内容:
body {
position: relative;
}https://stackoverflow.com/questions/48200891
复制相似问题