ios4 中 webview 的 javascript (iscroll4) 滚动解决方案推翻/禁用本机手势识别

Question

在我的 iPad 应用程序中，我有一个 UIScrollView（水平滑块 - 类似于图像轮播），其中包含多个 UIWebView - 每个视图都占据整个屏幕。每个 Web 视图的顶部都有一个头栏，并且在必要时可以垂直滚动内容，这些内容应该滚动到栏后面。这是在 html 和 css 中完成的，头栏的位置：固定。

在iOS5中可以正常工作，但在iOS4中却失败了。这是一个已知问题，针对此问题有多种 JavaScript 解决方案，例如来自网站 doctyper 或iScroll4 或触摸滚动（基于 iScroll）。

这些解决方案在垂直滚动方面效果很好。我现在的问题是，只要我在垂直可滚动 div 容器内开始滑动手势（几乎占据整个屏幕 - 除了每侧的几个像素），我就无法再水平滑动（从 UIWebView 到 UIWebView）。 JavaScript 解决方案似乎阻止了 UIScrollView 水平滑动的手势识别。

我什至不确定是否可以在 Objective-C 端或 javascript 或 html 端找到解决方案。任何帮助表示赞赏。即使这只是正确方向的暗示。 谢谢。

Answer 1

我在此处找到了问题的答案。在 iscroll-lite.js 中，您必须取消第 60 行的注释。在第 225 行的正下方，

timestamp = e.timeStamp || Date.now(); 

您必须添加以下行

if (Math.sqrt(deltaY * deltaY) > 3) {
    e.preventDefault();
}

现在我可以使用 iscroll 垂直滚动和 iOS 水平滚动的辅助功能。