uni-app develops a WeChat applet that prohibits the sliding of the page below the pop-up window, similar to a mask; prohibits the sliding of the content of the pop-up window page

1. Disable sliding of the page below the pop-up window

Add @touchmove.stop.prevent="moveHandle" to the outer box of the pop-up window

<view class="text_ComHeight"  @touchmove.stop.prevent="moveHandle">

</view>

Define method moveHandle in methods

methods: {
        // 禁止弹窗滚动
        moveHandle: function() {
            return false
        },
}

2. Prohibit the sliding of pop-up page content

On the largest box of the pop-up window, set the height of the box to 100vh

<view  class="shareBox">
    这里是弹窗的具体信息内容
</view>

.shareBox{
  height: 100vh;
}    

Guess you like

Origin blog.csdn.net/weixin_45395283/article/details/132683832