首页 > TAG信息列表 > catchtouchmove
微信小程序弹出层禁止页面滚动
效果图 是否随页面滚动 catchtouchmove true开启 return关闭 .wxml <button bindtap="switch">上下滑动({{catchtouchmove?'开':'关'}})</button> <button bindtap="modal">弹出层</button> <view bindtap="modal" cl小程序蒙层滚动禁止穿透,在元素上面添加一个空函数catchtouchmove=preventTouchMove即可
1、小程序蒙层滚动防止穿透 <template> <view class="container" catchtouchmove="preventTouchMove"> </view></template><script>export default{ data(){ return{ } }, methods:{ //防止穿透 preventTouchMo小程序解决自定义弹出层滑动时下层页面滚动问题--穿透问题
一、问题描述 小程序自带弹框满足不了某些需求，为此则需要设置自定义弹框，但是问题来了，在滑动弹层的时候，弹层页面会随着弹层底部的滚动条滚动 二、解决办法 在弹出层加上 catchtouchmove 事件 - 如果弹层里的内容需要滚动则需要使用scroll-view组件 原理： 弹窗元素设置catchtoucuniapp中遮罩穿透问题
当换出遮罩时，上下滑动依然可以滑动遮罩底部内容 此时给遮罩的view标签增加catchtouchmove=“return”，就可以防止穿透遮罩问题。 <view class="my_share" catchtouchmove='return'> </view>