webアプリでスクロール禁止にしたい
webアプリを作成中、ページがガタガタぐわんぐわん動いてしまっていたのでスクロールを禁止にすることに
調べてみたらoverflow: hidden;
でスクロールを禁止できるらしい
html,body{ overflow: hidden; }
でもスマホから見ると全然スクロール禁止できてない。。。
さらに調べるとiOSではoverflow: hidden;
だけではスクロール禁止にできないらしい
ということでjQueryを使って禁止にさせるやり方
$(window).on('touchmove.noScroll', function(e) { e.preventDefault(); });
解除するとき
$(window).off('.noScroll');
この2つはページ全体に効くので一部分だけを禁止にさせたいときは.noScroll
の部分を指定するとできるっぽい