html - 聚焦输入时 iOS 上的触摸滚动问题

Question

我在使用 iOS 上的可滚动 div 时遇到了一些问题。当尝试通过触摸输入外部进行滚动时，它可以正常滚动，没有任何问题，但是当我尝试滚动并触摸输入开始滚动时(有很多机会发生这种情况，因为它是一个有很多输入的 div ) 它滚动整个窗口而不是滚动 div。我在台式机或 Android 中都没有这个问题。我发现了一个类似的问题(iOS HTML Input Tag Stops Scrolling in Scrollable Element)，但也没有任何答案。虽然我没有找到任何好的解决方案，但我决定在用户​​触摸输入时阻止事件 touchmove，但这并不是我想要的。

也许有人已经遇到过这个问题并且可以提供帮助。非常感谢，提前致谢。

Answer 1

要在 iOS 5+ 上获得原生动量滚动，您需要:

div {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

来源:Overflow

也许你还需要:

div > * {
    -webkit-transform: translateZ(0px);
}

来源:Similar question in Stack Overflow

来源 2:Another similar question