微信小程序滚动穿透问题
文章目录
- 1、catchtouchmove="true"
- 2、page-meta
- 3、wx.setPageStyle
做小程序的开发业务中，经常会使用弹窗，当弹窗里的内容过多时，要滚动查看，然后经常会遇到滚动弹窗，弹窗底下页面也跟着滚。
解决思路：设置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'}})