IOS微信小程序页面滚动导致滚动穿透的解决办法
当微信小程序页面存在弹窗并且有可滚动的列表时,IOS默认的页面滚动会使弹窗滚动列表失焦,从而出现弹窗列表无法滚动的情况
第一步
设置页面的 disableScroll: true
属性,该属性需要配合 enablePullDownRefresh: false
使用, disableScroll: true
该属性是禁止页面的滚动,可以解决ios页面滚动的问题
第二步
需要设置页面最外层的样式:height: 100vh;overflow-y: scroll;
设置该样式是为了当此页面内容超出100vh时可以实现内容滚动
从而就可以实现页面禁止滚动,而超出页面的内容可以滚动。