餐饮 网站模板网站建设怎么添加视频

在实现阻止滑动穿透时，可以使用以下方法之一：

1. 使用 CSS 属性 overflow: hidden 来禁止页面滚动。

body {overflow: hidden;
}

2. 使用 JavaScript 监听滚动事件并阻止默认行为。

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

3. 在弹出层或模态框的开启和关闭时，动态地给 body 元素加上或移除一个类来实现滚动穿透的阻止。

const body = document.querySelector('body');
const modal = document.querySelector('.modal');function openModal() {body.classList.add('no-scroll');modal.style.display = 'block';
}function closeModal() {body.classList.remove('no-scroll');modal.style.display = 'none';
}

.no-scroll {overflow: hidden;
}