スクロールを禁止する JavaScript
ポップアップを出現させたときに画面を固定してスクロールできないようにする方法。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
// openなどのリンクやボタン要素 const fixedOn = document.querySelector('.fixed'); // closeなどのリンクやボタン要素 const fixedRemove = document.querySelector('.remove'); // スクロールをさせない fixedOn.addEventListener('click', () => { document.addEventListener('touchmove', noScroll, {passive: false}); document.addEventListener('wheel', noScroll, {passive: false}); }, {passive: false}); // スクロール禁止を解除 fixedRemove.addEventListener('click', () => { document.removeEventListener('touchmove', noScroll); document.removeEventListener('wheel', noScroll); }); function noScroll(e){ e.preventDefault(); } |
コメント
コメントはありません。