旅游网站建设意义,seo服务包括哪些,深圳市建筑工程交易服务,重庆公司社保开户流程在实现阻止滑动穿透时#xff0c;可以使用以下方法之一#xff1a;
使用 CSS 属性 overflow: hidden 来禁止页面滚动。
body {overflow: hidden;
}使用 JavaScript 监听滚动事件并阻止默认行为。
document.addEventListener(touchmove, function(e) {e.preventDefault();
…在实现阻止滑动穿透时可以使用以下方法之一
使用 CSS 属性 overflow: hidden 来禁止页面滚动。
body {overflow: hidden;
}使用 JavaScript 监听滚动事件并阻止默认行为。
document.addEventListener(touchmove, function(e) {e.preventDefault();
}, { passive: false });在弹出层或模态框的开启和关闭时动态地给 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;
}