如何在PhoneGap中雙擊移動滾動？

Question

我正在使用AppGyver的SteroidsJS（本質上是具有增強性能的PhoneGap和Native UI）來創建一個Web應用程序。 我注意到，當我雙擊一個元素時，它將滾動到該元素，即使我已禁用WebView過度滾動。 這是一個問題，因為如果WebView內容比屏幕大小短，我甚至無法向上滾動。 有沒有解決這個問題？ 謝謝！

Answer 1

有一些關於PhoneGap的分接延遲和雙擊問題的討論。 例如，檢查此StackOverflow線程： Phonegap iOS應用程序屏幕雙擊滑動

我一直試圖解決這個問題，這里有一些我嘗試過的方法：

1. IOS這是專門針對IOS的。 嘗試修改/config.xml文件以將“DisallowOverscroll”更改為true。

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

2. HTML解決方案：這可以是單頁面Web應用程序的解決方案。 檢查應用的視口元標記。 例如，通常的慣例是從設備推斷視口寬度和高度

    <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然后從您的webapp中適當地調用事件處理程序，例如

    $("body").nodoubletapzoom(); 

   我沒有取得多大成功。