iPad上的Webkit溢出滚动触摸CSS错误

Question

如果您在最新版本的iOS上的iPad设备上访问此页面，则可以遵循。

http://fiddle.jshell.net/will/8VJ58/10/show/light/

我在新的-webkit-overflow-scrolling中有两个元素：touch;属性和应用的价值。左侧的灰色区域内容丰富，将以纵向或横向滚动。右侧仅在横向滚动。

如果从横向开始（在横向刷新），则可以通过惯性滚动来滚动两个区域。效果很好。现在，将iPad翻转为纵向模式，只有左侧区域会滚动。这是预期的。但是，当您返回横向时，右侧区域将不再滚动，而左侧区域仍然可以。

很明显如何阻止这种情况的发生，但是我并不总是有足够的内容来填补这一领域。

有什么想法吗？

先谢谢您，威尔：）

Answer 1

我实际上有完全相同的问题。我将其范围缩小到以下事实：它会影响DIV，当方向改变时，其内容不再需要滚动。

Answer 2

稍后提供类似但更简单的解决方案。

Answer 3

我能够使用一个已知的“修复”来强制重新绘制iOS6，而不必使用setTimeout。

Answer 4

我在iPhone，iPod和iPad上遇到了相同的错误。这不仅限于后者。