javascript - スクロール Web ページを無効にする iPad

Question

すべての touchmove イベントを停止することを含む多くのソリューションを見てきました。ただし、私のアプリには描画キャンバスが含まれているため、これはうまくいきません。他のタッチイベントを保持しながら、ユーザーがスクロールできないようにする方法はありますか? --アシュリー

Answer 1

e.preventDefault()描画ハンドラー、または DOM ツリーのさらに上位にあるハンドラーで使用できます。touchmoveこれは、スクロールするというデフォルトの動作を防ぐだけです。

$('body, html').on('touchmove', function(e){
  e.preventDefault();
});

touchmove描画キャンバスでイベントを処理することは引き続き可能です。

もう 1 つのオプションはoverflow:hidden、CSS で設定することですが、これはページのサイズによって異なります。

Answer 2

私はあなたがこの答えに目を向けるべきだと思います.. 親ではなく子ではなくタッチムーブのデフォルトを防ぎます

キャンバスをコンテナーに入れ、親でのスクロールを停止します。

$('body').delegate('#fix','touchmove',function(e){

    e.preventDefault();

}).delegate('.scroll','touchmove',function(e){

    e.stopPropagation();

});