微信小程序滚动穿透问题


做小程序的开发业务中,经常会使用弹窗,当弹窗里的内容过多时,要滚动查看,然后经常会遇到滚动弹窗,弹窗底下页面也跟着滚。


解决思路:设置page组件的wxss样式, overflow动态设置hidden或者visible或者auto, 就可以控制整个页面是否可以滚动。


注:分享的方案只是一种解决思路,没有百分百有效的,可能有些人用着好使有些人不好使,可能还会有一些其他的问题,得根据具体得设备ios、安卓差别很大,css样式兼容,客户端版本、基础库版本、组件最低基础库限制等等,小程序就这尿性,所有问题必须在真机上测试,踩了不少开发者工具的坑。mmp!!!


1、catchtouchmove=“true”

catchtouchmove相当于preventDefault,是阻止页面滚动的

注: 适用于简单的业务,适用view布局的元素

2、page-meta

页面属性配置节点,用于指定页面的一些属性、监听页面事件。

page-meta地址

3、wx.setPageStyle

这个api,官方文档没有,不一定好使,可以试试,不行的话再换其他方案。

	wx.setPageStyle({
    
    
	   style: {
    
    
	     overflow: 'hidden'
	   }
	})

猜你喜欢

转载自blog.csdn.net/weixin_43106777/article/details/128975114