我正在尝试构建一个 Web 应用程序,模拟向左/向右滑动页面的原生 iOS UI 范例。
我有许多水平堆叠的 div 并-webkit-transform
用于在它们之间移动。
其中一些 div 可能比屏幕高度长,因此需要一个滚动条(而另一些则不需要)。我不想要一个主窗口滚动条——我想要每个 div 上有一个单独的滚动条。我正在-webkit-overflow-scrolling:touch
尝试实现这一目标。
单独这两个声明工作正常,但一起使用我发现所有 iPad 触摸事件停止 - 链接和表单输入点击不做任何事情,文本选择不会选择 - 除了滚动之外,屏幕完全被锁定。在台式电脑上运行良好。
这是溢出滚动的已知错误吗?好像是个大的。如有必要,我可以设置一个 jsFiddle 演示。如果有的话,我很乐意使用另一种构建此 UI 的方法。