评论

关于处理小程序弹窗滚动穿透的心得

合理解决小程序滚动穿透问题

在开发小程序时,经常会使用到弹窗(遮罩层+弹窗内容),这时滑动弹窗页面,底层的页面会发生滚动。

个人处理方法(微信开发工具不报错):

逻辑:

1、在遮罩层最外层元素标签中绑定touchmove事件:@touchmove=“xxxx”; 和 catchtouchmove 属性(catchtouchmove是捕获touchmove事件的

2、在methods里定义该方法,方法返回true :return true


代码:

<template>

<view catchtouchmove @touchmove="mask">

遮罩层内容

</view>

</template>

<script>

data() {

},

methods:{

mask(){

return true

},

}

</script>

最后一次编辑于  2023-03-29  
点赞 2
收藏
评论
登录 后发表内容