iOS浏览器滚动错误

Question

在iOS设备（iPad）上的浏览器中滚动时，我遇到一个模糊的错误，它在90％的时间内有效，但在10％的时间内滚动被阻止。然后，我必须等待几秒钟，然后它才能再次起作用。这通常是在我缩小/扩展了过滤器面板（也是可滚动的组件）之后发生的。

在所有其他设备上，滚动都没有问题。我在互联网上到处都是，但是找不到类似问题的人吗？

我的两个可滚动组件确实具有 overflow-y: scroll和 -webkit-overflow-scrolling: touch，但是总的来说，我非常怀疑这是CSS问题，因为它在大多数时间都有效，而并非在随机时间有效。

我曾尝试添加onTouchStart={ () => {} }到我的组件中，但这也无法解决。

Answer 1

我以前遇到过这个错误。当将元素设置为浏览器视口的高度（例如，height: 100vh）时，似乎会出现这种情况。尝试在您的元素上设置它<body>：

body {
  position: relative;
}