美文网首页微信小程序
微信小程序 禁止弹框下面的内容滑动 弹窗禁止底部内容滚动

微信小程序 禁止弹框下面的内容滑动 弹窗禁止底部内容滚动

作者: 王月_92f2 | 来源:发表于2019-07-26 20:10 被阅读0次

    我们需要解决的问题:当弹框显示的时候,弹框下面的内容不能滚动

    小程序的弹框特别多,像下面这样,弹框的底部是一个可以下拉的页面,但是当弹框出现的时候,需要禁止底部的滚动,那么怎么做呢?

    image.png

    直接给出答案吧:
    view加上catchtouchmove='true'就可以.

    比如下面这种:

    <view catchtouchmove='true' ></view>
    

    至于加到哪个view上边,自然是最外边包含整个屏幕的view了。如果你实在不知道哪一个,你试一下也成。

    网友们的方法

    网友们有人使用的方式是给catchtouchmove绑定一个空方法。这也是一个解决方法。

    <view catchtouchmove='prevent' ></view>
    
    prevent(){
        return ;
    }
    

    友情提醒:关于不能滚动的这个效果需要在真机上面查看,在编辑器上面看不到效果。

    至此,完成。
    本文首发于公众号“前端的极致实现”。欢迎小可爱们来交流~加我微信(wangyuedewechat2)拉大家进群

    相关文章

      网友评论

        本文标题:微信小程序 禁止弹框下面的内容滑动 弹窗禁止底部内容滚动

        本文链接:https://www.haomeiwen.com/subject/yondrctx.html