読者です 読者をやめる 読者になる 読者になる

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の部分を指定するとできるっぽい