弹框弹出时页面会出现遮罩层。发现在遮罩层滑动时后面的页面也跟着滑动,于是在浏览器上查看相关元素,发现该插件自动给body标签的overflow:hidden属性没有起作用。经过验证发现给body加入position:fixed时滑动遮罩层后面的不跟着滑动。于是采用picker的自带属性onVisibleChange。使用方法:
onVisibleChange(v) {
console.log('onVisibleChange', v)
if (v === true) {
document.querySelector('body').style.position = 'fixed';
} else {
document.querySelector('body').style.position = 'static';
}
}