js 禁止页面滚动

body {
    overflow: hidden;
}

document.body.style.overflow = 'hidden';

function preventScroll(event) {
    event.preventDefault();
}

// 禁止鼠标滚轮滚动
window.addEventListener('wheel', preventScroll, { passive: false });

// 禁止触摸滑动滚动
window.addEventListener('touchmove', preventScroll, { passive: false });

function requestFullScreen() {
    var elem = document.documentElement;
    if (elem.requestFullscreen) {
        elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) { /* Firefox */
        elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
        elem.webkitRequestFullscreen();
    } else if (elem.msRequestFullscreen) { /* IE/Edge */
        elem.msRequestFullscreen();
    }
}

requestFullScreen();

import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';

// 禁止滚动
disableBodyScroll(document.querySelector('#element'));

// 恢复滚动
enableBodyScroll(document.querySelector('#element'));