原文：遮罩层下禁止页面滚动
封装禁止页面滚动方法 该方法兼容PC端和移动端 var topSpace function BodyScroll isState var bodyDoc document.body if isState topSpace window.scrollYbodyDoc.style.position fixed bodyDoc.style.top topSpace px else bodyDoc.st ...
2019-09-03 17:46 0 1308 推荐指数：
相关推荐
1、css 样式： .mask{ background: rgba(59, 59, 59, 0.9); /* opacity: 0.9; */ position: fi ...
在遮罩层中，设置： <view class="tuikuan-showModal" @touchmove.stop.prevent="moveHandle"></view> //遮罩层 在 methods 中，设置： //遮罩层穿透，阻止底部滑动 ...
wxml //使用scroll-view包裹 scrolly-y要写 [scroll-view scroll-y class="mask-box" catchtouchmove='ture'] [vi ...
弹窗是一种常见的交互方式，而蒙层则是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，我们会发现，当弹出遮罩层后，底层body的内容也是可以滚动，显然这不是我们想要的效果，而这个问题就是小萌最近开发项目时遇到的问题。 一个小程序的项目，是用MPVUE(一个使用 Vue.js ...
在遮罩层添加 (前提使用vue)@touchmove.prevent HTML: ...
场景概述 弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为。 那么，如何阻止呢？请看以下分析： 方案分析 ...
弹出遮罩层后，手指在手机上上下滑动 遮罩层下的页面出现滑动。下面代码解决这个问题 （1）触摸后不产生事件 （2）body不出现滚动条 $("body,.main").height($(window).height()).css({ "overflow-y ...