iOS：正在滚动错误的元素

Question

我在www.cahri.com/tests/scroll上显示的iOS（7或8）上遇到了一个奇怪的滚动问题

如何重现？

1. 以横向
打开iPhone / iPad / iOS模拟器上的示例页面
2. 用右手拇指触摸主要内容（右侧）并向上或向下滚动
3. 释放右手拇指
4. 用左手拇指触摸左侧（这是一个带溢出的div：滚动）并尝试滚动：页面滚动而不是div。释放左手拇指。
5. 可能需要多次尝试才能重现，如果页面没有滚动，请返回2.
6. 用左手拇指再次触摸左侧，现在滚动正确

您是否知道导致此问题的原因是什么？如何解决这个问题呢？

Answer 1

iOS网页浏览器仍然遇到固定定位元素（就像你的左边div）和滚动一样的问题。在我做过的许多网络项目中，这似乎总是会导致一些无法解释的问题/错误。我知道这不是一个确切的答案，但我只是分享我之前已经走过这条路：）

最佳解决方案是使用远离固定定位和滚动移动设备的方法或第三方滚动库，例如：http://cubiq.org/iscroll-5

我在iOS设备上取得了很大的成功。

如果您想要一个不同的移动解决方案，您可以使用媒体查询来更改元素的定位。

@media screen and (max-width: 600px) {
  .column-left { ... }
}