微信小程序弹窗底部不滚动-穿透

程序猿向前跑

已于 2023-03-06 11:11:50 修改

阅读量1.3k

点赞数

分类专栏：移动端文章标签：微信小程序 javascript 前端

于 2022-10-26 08:50:51 首次发布

本文链接：https://blog.csdn.net/qq_46199553/article/details/127525656

版权

移动端专栏收录该内容

44 篇文章 1 订阅

订阅专栏

index.wxml文件

<page-meta page-style="{{ fixedStyle }}" />

在van-popup上面的datePopupShow 绑定一个方法

<van-popup show="{{ datePopupShow }}" position="top" custom-style="width:100%;margin-top:{{navigationBarAndStatusBarHeight+30}}px;" bind:close="onClose" catchtouchmove='ture'>
</van-popup>

然后绑定下面的方法

//固定页面,禁止滚动 fixedStyle
    /**
     *
     * @param that 当前页面对象
     * @param status 当前弹出层的状态
     */
    handlePageFixed(that,status){
        if(status){
            that.setData({
                fixedStyle:"overflow:hidden;"
            })
        }else{
            that.setData({
                fixedStyle:""
            })
        }
    },