iOS浏览器滚动错误答案

【问题标题】：iOS browser scrolling bugiOS浏览器滚动错误
【发布时间】：2018-06-20 10:02:32
【问题描述】：

我在 iOS 设备 (iPad) 上的浏览器中滚动时遇到了一个模糊的错误，它在 90% 的时间都可以正常工作，但在 10% 的情况下滚动被阻止。然后我必须等待几秒钟才能再次工作。这经常发生在我收缩/扩展过滤器面板之后，过滤器面板也是一个可滚动的组件。

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

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

我尝试将onTouchStart={ () => {} } 添加到我的组件中，但也没有解决问题。

【问题讨论】：

【解决方案1】：

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

body {
  position: relative;
}

【讨论】：