ios - IOS Safari 中存在滚动错误

Question

我有配备最新版本 IOS 8.2 的视网膜显示屏的第三代 iPad。如果您打开 Safari 并转到下面我创建的测试页面。

http://bagaren-se.dev.sitedirect.se/test.html

如果您将 iPad 置于横向模式并单击“单击以显示/隐藏”按钮，则会显示一个固定的 div，其中包含一些虚拟文本。您现在可以滚动该 div 的内容。如果你点击“点击我!!”在那里另一个隐藏的 div 显示了一些更多的虚拟文本，你仍然可以滚动 div 中的内容，但是......

如果您现在通过单击“单击我!!”关闭第二个 div再次单击第一个按钮关闭第一个 div。然后你打开你的 iPad 以纵向模式查看页面并做同样的事情，当你尝试滚动时 div 的内容不会滚动，只是背景!为什么会这样，是否有解决方法？

如果您离开“点击我!!”当您关闭第一个 div 然后再次打开第一个 div 时，div 内容打开，然后一切正常。

第一个 div 有 max-height:760px;和溢出:自动；设置。

你看到问题了吗？在我看来，如果第一个 div 的高度大于 760px，它的内容应该始终滚动，但它在 Safari IOS 8.2 中不起作用。有没有办法解决这个问题？ div 必须是 position:fixed;.

Answer 1

我们遇到了类似的事情。升级到 ios 8.2 后，某些 View 中的滚动刚刚停止。这是在动态填充内容的 div 中。这帮助我找到了轨道: http://patrickmuff.ch/blog/2014/10/01/how-we-fixed-the-webkit-overflow-scrolling-touch-bug-on-ios/

我们仅使用 JavaScript 将此修复程序作为 ios 的 hack(因为我们使用 angular，它实际上是一个指令)。