Ios webkit transform translate3d&;webkit溢出滚动触摸-无点击事件?

Ios webkit transform translate3d&;webkit溢出滚动触摸-无点击事件?,ios,webkit,Ios,Webkit,我正在尝试构建一个web应用程序,模拟页面左/右滑动的本机iOS UI范例 我有许多div水平堆叠,并使用-webkit transform在它们之间移动 其中一些div可能比屏幕高度长,因此需要滚动条(而其他div则不需要)。我不想要一个主窗口滚动条-我想要每个div上都有一个单独的滚动条。我正在使用-webkit overflow scrolling:touch来尝试实现这一点 单独使用这两个声明可以很好地工作,但如果一起使用,我发现所有iPad touch事件都会停止-链接和表单输入点击没

我正在尝试构建一个web应用程序,模拟页面左/右滑动的本机iOS UI范例

我有许多div水平堆叠,并使用
-webkit transform
在它们之间移动

其中一些div可能比屏幕高度长,因此需要滚动条(而其他div则不需要)。我不想要一个主窗口滚动条-我想要每个div上都有一个单独的滚动条。我正在使用
-webkit overflow scrolling:touch
来尝试实现这一点

单独使用这两个声明可以很好地工作,但如果一起使用,我发现所有iPad touch事件都会停止-链接和表单输入点击没有任何作用,文本选择不会选择-屏幕除了滚动之外完全被锁定。在台式电脑上运行良好


这是一个已知的溢出滚动错误吗?看起来是个大问题。如果需要,我可以设置一个JSFIDLE演示。我很乐意使用另一种方法来构建这个UI,如果有的话。

你成功地制作了一个JSFIDLE演示吗?我想我也遇到了同样的问题,但是我还没有能够制作一个小的演示来展示这个问题。你成功地制作了一个JSFIDLE演示吗?我想我也有同样的问题,但我还没能制作一个小的演示来展示这个问题。