スマホのナビゲーション等の実装した時、全画面であっても下までスワイプしたりすると、後ろ側の要素(bodyやwrapperなど)まで動いてしまうのを止めたくて調べてみました。 1. overflow: hidden 一番てっとり早いがiOSではスクロールを止めることは出来ない 2.タッチイベントを停止 この辺や //スクロール禁止用関数 function no_scroll(){ //PC用 var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll'; $(document).on(scroll_event,function(e){e.preventDefault();}); //SP用 $(document).on('tou