创建组件时禁止页面滚动: 组件销毁时解除禁止: bodyScroll方法: ...
创建组件时禁止页面滚动: 组件销毁时解除禁止: bodyScroll方法: ...
1.打开新页面时需要禁止鼠标滚轮,禁止页面滑动 ...
//禁止滑动 var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener ...
// 封装禁止页面滚动方法(该方法兼容PC端和移动端)var topSpace = 0function BodyScroll (isState) { var bodyDoc = document.body if (isState) {topSpace = window.scrollYbodyDoc ...
蒙层禁止页面滚动的方案 弹窗是一种常见的交互方式,而蒙层是弹窗必不可少的元素,用于隔断页面与弹窗区块,暂时阻断页面的交互。但是在蒙层出现的时候滚动页面,如果不加处理,蒙层底部的页面会开始滚动,实际上我们是不希望他进行滚动的,因此需要阻止这种行为。当弹出蒙层时禁止蒙层下的页面滚动,也可以称为滚动 ...
1、css 样式: .mask{ background: rgba(59, 59, 59, 0.9); /* opacity: 0.9; */ position: fi ...
场景概述 弹窗是一种常见的交互方式,而蒙层是弹窗必不可少的元素,用于隔断页面与弹窗区块,暂时阻断页面的交互。但是,在蒙层元素中滑动的时候,滑到内容的尽头时,再继续滑动,蒙层底部的页面会开始滚动,显然这不是我们想要的效果,因此需要阻止这种行为。 那么,如何阻止呢?请看以下分析: 方案分析 ...