禁止遮罩层下页面滚动(个人笔记)

2020-11-22  本文已影响0人  kevision
<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;
}

经过以上操作,当弹框出现的时候,给页面根节点添加一个固定定位,就可以实现遮罩层下面的页面不会随着屏幕滚动而滚动了。

上一篇 下一篇

猜你喜欢

热点阅读