<view class="index {{show?'bodyfixed':''}}">body</view>
onLoad: function(options) {
let token = wx.getStorageSync('token')
if (!token) {
this.setData({ // 显示弹框的时候顺便给body添加一个固定定位
show: true
})
}
},
.bodyfixed {
position: fixed;
}
经过以上操作，当弹框出现的时候，给页面根节点添加一个固定定位，就可以实现遮罩层下面的页面不会随着屏幕滚动而滚动了。
经过以上操作，当弹框出现的时候，给页面根节点添加一个固定定位，就可以实现遮罩层下面的页面不会随着屏幕滚动而滚动了。
实现遮罩效果 Html CSS 阻止遮罩层下的页面滚动 只需要在遮罩层上加上catchtouchmove='tur...
1.移动端禁止遮罩层下面的页面滑动 答：打开遮罩层的时候，给遮罩层下面的页面添加position:fixed属性，...
手动设置每个页面的标题 弹窗遮罩出来以后禁止滚动
方法一、touch触摸事件： 方法二、 css控制底层不允许滚动：
在做移动端遮罩层时，发现页面可以上下滚动，踩了N个坑之后，总算是解决了这个问题。 禁止滚动 给body设置宽高都是...
在遮罩层所在div添加属性 @touchmove.prevent
移动端的禁止遮罩层下的内容滚动： 这是通过vue实现的屏蔽 touchmove 事件而实现的。https://ww...
jquery遮罩层不滚动 上代码： jquery遮罩层不滚动 ...
在页面上添加遮罩层，效果图如下： 弹出 fixed 弹窗后，在弹窗上滑动会导致下层的页面一起跟着滚动，给当前遮罩层...
本文标题：禁止遮罩层下页面滚动(个人笔记)
本文链接：https://www.haomeiwen.com/subject/gjupiktx.html
网友评论