uni-app开发微信小程序,禁止弹窗下方页面滑动类似于遮罩;禁止弹窗页面内容滑动

本文介绍了如何通过JavaScript的touchmove事件和CSS样式来阻止弹窗外部的页面滑动,以及如何设置弹窗内容区域的高度为100vh以防止用户交互。方法包括在HTML中添加`@touchmove.stop.prevent=“moveHandle”`和在methods中定义moveHandle函数。
摘要由CSDN通过智能技术生成

一、禁止弹窗下方页面滑动

在弹窗的外部盒子上加上 @touchmove.stop.prevent=“moveHandle”

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

</view>

在methods中定义方法 moveHandle

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

二、禁止弹窗页面内容的滑动

在弹窗的最大的盒子上,将该盒子的高度设定为100vh

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

.shareBox{
  height: 100vh;
}    

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值