做小程序的开发业务中,经常会使用弹窗,当弹窗里的内容过多时,要滚动查看,然后经常会遇到滚动弹窗,弹窗底下页面也跟着滚。
解决思路:
设置page组件的wxss样式, overflow
动态设置hidden
或者visible
或者auto
, 就可以控制整个页面是否可以滚动。
注:
分享的方案只是一种解决思路,没有百分百有效的,可能有些人用着好使有些人不好使,可能还会有一些其他的问题,得根据具体得设备ios、安卓差别很大,css样式兼容,客户端版本、基础库版本、组件最低基础库限制等等,小程序就这尿性,所有问题必须在真机上测试,踩了不少开发者工具的坑。mmp!!!
1、catchtouchmove=“true”
catchtouchmove相当于preventDefault,是阻止页面滚动的
注:
适用于简单的业务,适用view布局的元素
2、page-meta
页面属性配置节点,用于指定页面的一些属性、监听页面事件。
page-meta地址文章来源:https://www.toymoban.com/news/detail-505504.html
3、wx.setPageStyle
这个api,官方文档没有,不一定好使,可以试试,不行的话再换其他方案。文章来源地址https://www.toymoban.com/news/detail-505504.html
wx.setPageStyle({
style: {
overflow: 'hidden'
}
})
到了这里,关于微信小程序滚动穿透问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!