js 禁止页面滚动

作者：最终一次颓废发布日期:2026-06-30 浏览:44

// 禁止页面滚动的示例代码

// 方法一：通过监听 scroll 事件并阻止默认行为
window.addEventListener('scroll', function(event) {
    event.preventDefault();
}, { passive: false });

// 方法二：通过设置 body 的样式来禁止滚动
document.body.style.overflow = 'hidden';

// 解释说明：
// 方法一通过监听 scroll 事件并在事件触发时调用 preventDefault() 方法来阻止页面滚动。
// 方法二则是直接修改 body 的 overflow 样式属性为 'hidden'，从而达到禁止滚动的效果。

// 如果需要恢复页面滚动，可以使用以下代码：
// document.body.style.overflow = ''; // 恢复默认滚动行为

上一篇：js 页面加载完成

下一篇：js 动态加载js