【JS 阻止滑动穿透】

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

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;
}