javascript - スクロールを 1 つだけ許可する携帯で

Question

Web アプリで作業していて、画面が動き回らないようにしたいので、次から始めます。

 $(document).on("touchmove", false);

...その後、divスクロールできるようにする必要があることに気付いたので、追加しました：

$(document).on('touchmove', function(e) {
  if (!$(e.target).parents().hasClass( 'touch-moveable' )) {
    e.preventDefault();
  }
});

正常に動作しますが、その div 内でモバイルでスクロールすると、画面全体が再び移動する可能性があります。世界の終わりではありませんが...すべてを静止させ、1つのdivだけを移動させる方法はありませんか?

編集

これは機能しますが、統合してよりエレガントにすることはできますか?:

$(document).on('touchmove', function(e) {
  if (!$(e.target).parents().hasClass( 'touch-moveable' )) {
    e.preventDefault();
  }
});

$('.touch-moveable').on('touchmove',function(e){
  e.stopPropagation();
});