javascript - 如何防止在 PhoneGap 中双击移动设备滚动？

Question

我正在使用 AppGyver 的 SteroidsJS(本质上是具有增强性能和 native UI 的 PhoneGap)来创建网络应用程序。我注意到当我双击一个元素时，它会滚动到该元素，即使我禁用了 WebView overscroll。这是一个问题，因为如果 WebView 内容比屏幕尺寸短，我什至无法向上滚动。有解决办法吗？谢谢!

Answer 1

PhoneGap 的点击延迟和双击问题已经有一些讨论。例如，检查这个 StackOverflow 线程:Phonegap iOS app screen slides up on double tap

我也一直在尝试解决这个问题，以下是我尝试过的一些方法:

1. IOS 这是专门针对 IOS 的。尝试修改您的/config.xml 文件以将“DisallowOverscroll”更改为 true。

   <preference name="DisallowOverscroll" value="true" />

2. HTML 解决方案:这可能是单页网络应用程序的解决方案。检查您应用的视口(viewport)元标记。常见的约定是从设备推断视口(viewport)宽度和高度，例如

   <meta name="viewport" content="width=device-width, height=device-height">

   我发现这允许浏览器区域有一些额外的空间。硬编码设备的屏幕尺寸为我解决了这个问题。例如，

   <meta name="viewport" content="width=1024, height=768">

   向 html 页面上的任何 Canvas 元素添加相同的尺寸。

   <canvas width=1024, height=768" ...>

   这种方法似乎有效，至少在我的 iPad 上是这样。

3. Javascript/JQuery:上面的 StackOverflow 链接专门讨论了 jQuery 方法。这意味着使用这个要点有效地解释双击事件:https://gist.github.com/johan/2047491然后从您的网络应用程序中适本地调用事件处理程序，例如

   $("body").nodoubletapzoom();

   我在这方面没有取得多大成功。