js移动端禁止左右滑动

body {
    overflow: hidden;
    position: fixed; /* 防止页面跳动 */
    width: 100%;
}

document.addEventListener('touchmove', function(event) {
    event.preventDefault();
}, { passive: false });

let disableScroll = false;

function preventDefault(e) {
    e.preventDefault();
}

function enableScroll() {
    document.removeEventListener('touchmove', preventDefault, { passive: false });
    disableScroll = false;
}

function disableScroll() {
    document.addEventListener('touchmove', preventDefault, { passive: false });
    disableScroll = true;
}

// 使用示例
document.getElementById('popupButton').addEventListener('click', function() {
    if (disableScroll) {
        enableScroll();
    } else {
        disableScroll();
    }
});