Webサイトによくあるハンバーガーメニューを開いたあとに、ページをスクロールさせない方法のメモ。
main.jsに下記コードを記載し、あとはスクロールを停止させたいところでscrollOff、スクロールを再起動させたいタイミングでscrollOnすればOKです!
function noscroll(e) {
e.preventDefault();
}
function scrollOff() {
document.addEventListener('touchmove', noscroll, {passive: false});
document.addEventListener('wheel', noscroll, {passive: false});
}
function scrollOn() {
document.removeEventListener('touchmove', noscroll);
document.removeEventListener('wheel', noscroll);
}
ぜひ、参考にしてみてくださいー