【javascript】PCとスマホでスクロールを停止させる

2019.03.11

ナビゲーションを開いている間はスクロールを停止させたいetc…

そんな時に使える記述のメモ。

function scroll_control(event) {
    event.preventDefault();
}
function no_scroll(){
    document.addEventListener("mousewheel", scroll_control, {passive: false});
    document.addEventListener("touchmove", scroll_control, {passive: false});
}
function return_scroll(){
    document.removeEventListener("mousewheel", scroll_control, {passive: false});
    document.removeEventListener('touchmove', scroll_control, {passive: false});
}

function scroll_control(event) {

event.preventDefault();

}

function no_scroll(){

document.addEventListener("mousewheel", scroll_control, {passive: false});

document.addEventListener("touchmove", scroll_control, {passive: false});

}

function return_scroll(){

document.removeEventListener("mousewheel", scroll_control, {passive: false});

document.removeEventListener('touchmove', scroll_control, {passive: false});

}

スクロールを禁止したい場所で、no_scroll();

スクロールの禁止を解除したいところでreturn_scroll();

【javascript】PCとスマホでスクロールを停止させる

関連タグ