我在iOS设备(iPad)上的浏览器中滚动时有一个模糊的错误,它在90%的时间内工作,但在滚动被阻止的情况下为10%.然后我必须等待几秒才能再次工作.这经常发生在我收缩/扩展过滤器面板之后,过滤器面板也是一个可滚动的组件.
在所有其他设备上,滚动不是问题.我在互联网上到处寻找,但我找不到有类似问题的人?
我的两个可滚动组件确实有溢出:滚动和
-webkit-overflow-scrolling:touch,但总的来说我非常怀疑它是一个CSS问题,因为它在大多数时间都有效,而不是随机时间.
我试过添加onTouchStart = {()=> {}}我的组件,但也没有解决它.
解决方法:
我以前遇到过这个bug.将元素设置为浏览器视口的高度(例如,高度:100vh)时似乎会出现这种情况.尝试在< body>上设置此项元件:
body {
position: relative;
}