輸入後滾動Phonegap iOS

當用戶在我的Phonegap應用程序上輸入文本然後在完成後返回時，整個頁面會滾動得比應該更進一步。輸入後滾動Phonegap iOS

我正在尋找解決方法，以確保一旦未聚焦，頁面返回到正常位置。

，說明問題

見圖片：

我使用iScroll 4.0，但它不是本網頁上的活躍。

這個問題怎麼解決？

2013-02-13 Ben

發生這種情況的原因是頁面位於所選輸入框的中心。如果網頁保持原樣，您將無法看到您正在輸入的內容，這會讓人感到煩惱。 – 2013-02-13 21:08:24

我明白這一點。不過，我正在尋找一種解決方法，以確保一旦沒有重點，頁面就會返回到正常位置。 – Ben 2013-02-13 21:10:09

你給了這樣一個鏡頭？ http://jsfiddle.net/f25cb/ – 2013-02-13 21:19:21

前進的方式是設置一個Javascript事件，使其重新回到頁面頂部（或任何地方），一旦焦點在輸入框上丟失。這使用onblur方法（我猜與onfocus相反），並且確實簡單地表明，一旦焦點丟失，頁面就會回到頂端。

這裏的工作樣本：

<input name="foo" id="foo" class="foo" onblur="window.scrollTo(0,0);" type="text" />

...有，當然，onblur="window.scrollTo(0,0);"是手術的代碼返回頁面頂部。

2013-02-14 00:06:53 Ben

回答