当微信小程序页面存在弹窗并且有可滚动的列表时，IOS默认的页面滚动会使弹窗滚动列表失焦，从而出现弹窗列表无法滚动的情况

第一步

设置页面的 disableScroll: true 属性，该属性需要配合 enablePullDownRefresh: false 使用， disableScroll: true 该属性是禁止页面的滚动，可以解决ios页面滚动的问题

第二步

需要设置页面最外层的样式：height: 100vh;overflow-y: scroll; 设置该样式是为了当此页面内容超出100vh时可以实现内容滚动

从而就可以实现页面禁止滚动，而超出页面的内容可以滚动。

IOS微信小程序页面滚动导致滚动穿透的解决办法相关推荐

微信小程序 picker-view 的 bindChange延迟问题的解决办法
这里写自定义目录标题微信小程序 picker-view 的 bindChange延迟问题的解决办法微信小程序 picker-view 的 bindChange延迟问题的解决办法微信小程序的 pi ...
微信小程序申请医疗-就医服务类目解决办法
微信小程序申请医疗-就医服务类目申请解决办法选择方式为提供合同方式由于我们公司不是医院这种类型的公司,所以没有卫生部的批文,只能选择这一种方式. 准备审核需要的资料承诺函合同首尾页拍照,然后通 ...
微信小程序关闭调试器警告sitemap的解决办法
我们在微信开发者助手开发小程序时,在调试时经常会出现警告sitemap,多页面程序时点击页面一次出现一次警告sitemap,很影响其他数据的显示. 下面是关闭警告sitemap的方法我们只需要打开p ...
微信小程序访问手机蓝牙需要用户授权解决办法
访问蓝牙.添加通讯录联系人.添加日历事件需要用户授权小程序处理用户的个人信息,需要获取用户明示同意,平台计划从2022年2月21日24时起对以下接口增加用户授权: 访问蓝牙:调用wx.openBlu ...
微信小程序模板消息41003 page路径错误解决办法
开发版: 模板消息的路径为: page: '/pages/main/detail?id=' + that.queryid + '&title=' + that.title 在服务通知里是可以进 ...
微信小程序页面如何自动滚动到底部
1.页面增加标签<scroll-view></scroll-view> 2.写函数: // 页面滚动到底部pageScrollToBottom: function() {wx. ...
微信小程序页面顶部出现一段空白解决方法
出现问题: 如图所示. 解决方法: 在index.wxss文件中配置的.container中加入设置:padding: 0rpx.即: .container {padding: 0rpx;margin ...
解决微信小程序调试进入 paused in debugger 状态解决办法
每次保存编译后就弹出paused in debugger 这种情况很可能是不小心点到了,点掉下面这个就不会了
微信小程序分包主包大小超过限制解决办法
1.优化代码,删除无用代码 2.图片压缩或上传服务器,静态资源里面的图片上传服务器后,用服务器地址,把本地的删了

IOS微信小程序页面滚动导致滚动穿透的解决办法

IOS微信小程序页面滚动导致滚动穿透的解决办法

当微信小程序页面存在弹窗并且有可滚动的列表时，IOS默认的页面滚动会使弹窗滚动列表失焦，从而出现弹窗列表无法滚动的情况

第一步

第二步

IOS微信小程序页面滚动导致滚动穿透的解决办法相关推荐

最新文章

热门文章