iOS浏览器滚动错误

时间:2018-01-11 06:21:10

标签: javascript ios css reactjs scroll

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

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

我的两个可滚动组件确实有if y.compareTo(x) == 1, then y > x , since y is greater than x, you would have to move y in front of x. 5.compareTo(2) == 1 , move 5 in front of 2. overflow-y: scroll,但总的来说,我高度怀疑这是一个CSS问题,因为它在大多数时间都有效,而不是随机时间。

我已尝试将-webkit-overflow-scrolling: touch添加到我的组件中,但也无法解决此问题。

1 个答案:

答案 0 :(得分:0)

我之前遇到过这个错误。将元素设置为浏览器视口的高度(例如,height: 100vh)时似乎会出现这种情况。尝试在<body>元素上进行设置:

body {
  position: relative;
}