iPhoneブラウザ：html入力フィールドをドラッグしながらページスクロールを無効にする

Question

私はHTMLページを作った。このページはIphoneの画面より小さいです。これがログインページだとしましょう。このページには、テキスト入力フィールドが含まれています。

私はページをこのようにスクロールを無効：

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

ページがとにかくスクロールしているよりも、このコードは、スクロール防ぎ、私は、入力フィールドとドラッグをタップしたとき。

iPhoneでHTMLのページスクロールを完全に無効にする方法はありますか？

Answer 1

は、それは私

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

のために働いていました

Answer 2

ユーザーは常にステータスバーに触れることで一番上にスクロールすることができるため、スクロールを防ぐ最良の方法はスクロールを継続することです。 setIntervalにwindow.scrollTo(x, y)を入れて、ユーザーがページをスクロールするたびにスクロールして正しい位置に戻すことができます。

ユーザーが入力フィールドをクリックすると、Mobile Safariが少し上にスクロールして、キーボードが入力フィールドを覆うことを回避できます。スクロール動作でキーボードがカバーする入力フィールドが得られないことを確認してください。