小程序遮罩禁止滚动

590 阅读1分钟

小程序遮罩禁止滚动

1、页面滚动

当小程序使用页面进行滚动时,可以给遮罩设置catchtouchmove属性来禁止页面滚动,这个效果在小程序开发工具上测不出来,只有在手机上有效果。

<!-- 遮罩 -->
<view class="mask" catchtouchmove="true"></view>

2、scroll-view滚动

如果遮罩是scroll-view元素的子元素,当弹出遮罩时可以通过修改scroll-y或者scroll-x属性的布尔值为false来禁止scroll-view元素的滚动。