uni-popup组件在open的情况下,如果没关闭,物理返回,页面无法滑动!
- 发布:2022-03-23 17:33
- 更新:2022-05-04 16:57
- 阅读:1108
产品分类: uniapp/H5
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 和版本无关
HBuilderX类型: 正式
HBuilderX版本号: 3.3.13
浏览器平台: Chrome
浏览器版本: 和版本无关
项目创建方式: HBuilderX
操作步骤:
预期结果:
uni-popup组件在open的情况下,物理返回,页面能够滑动!
uni-popup组件在open的情况下,物理返回,页面能够滑动!
实际结果:
uni-popup组件在open的情况下,如果没关闭,物理返回,页面无法滑动!
uni-popup组件在open的情况下,如果没关闭,物理返回,页面无法滑动!
bug描述:
uni-popup组件在open的情况下,如果没关闭,物理返回,页面无法滑动!
那是因为uni-app针对H5做了禁止滚动穿透的问题
// H5 下禁止底部滚动
showPopup(show) {
// #ifdef H5
// fix by mehaotian 处理 h5 滚动穿透的问题
document.getElementsByTagName('body')[0].style.overflow = show ? 'hidden' : 'visible'
// #endif
可以在页面跳转的地方(比如在onShow里)手动进行重设
// #ifdef H5
document.getElementsByTagName('body')[0].style.overflow = 'visible'
// #endif
灵魂摆渡 (作者)
我就是这样解决的
2022-05-13 14:26