webkit-transform translate3d& webkit-overflow-scrolling touch - 没有点击事件?

时间:2012-06-02 13:46:22

标签: ios webkit

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

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

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

另外这两个声明工作正常,但一起使用我发现所有iPad触摸事件都停止了 - 链接&表单输入点击不做任何事情,文本选择不会选择 - 屏幕完全锁定除了滚动。在桌面PC上运行良好。

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

0 个答案:

没有答案