iPhone瀏覽器：禁用頁面滾動，同時拖動html輸入字段

Question

我已經做了一個HTML頁面。此頁面比Iphone屏幕小。假設這是登錄頁面。該頁面包含文本輸入字段。

我禁用滾動頁面是這樣的：

document.ontouchmove = function(e){ 
    e.preventDefault(); 
} 

該代碼防止滾動，但是當我點擊輸入字段和阻力，比頁面滾動反正。

有沒有辦法在iPhone上完全禁用HTML中的頁面滾動？

Answer 1

它爲我

$("body").bind("touchmove", function(e) { 
 
    e.preventDefault(); 
 
});

Answer 2

用戶可以通過觸摸狀態欄始終滾動到頂部，因此防止滾動的最佳方法是保持滾動。將window.scrollTo(x, y)置於setInterval中，並且只要用戶滾動頁面，就可以將其滾動回正確的位置。

當用戶點擊輸入字段時，Mobile Safari可能會向上滾動一點以避免鍵盤覆蓋輸入字段。確保你的滾動行爲不會得到鍵盤覆蓋的輸入字段。