当页面有弹窗时,并且这个弹窗有滚动事件时,这时候会遇到bug,最底部的内容区域会跟着滚动,导致弹窗滚动不生效,以下是解决方案:
//cityPop 控制弹窗的显示和隐藏
watch:{
cityPop(val){
if(val){
document.body.style.overflow = 'hidden'
document.addEventListener('touchmove', preD, {passive: false}) // 禁止页面滑动
}else {
document.body.style.overflow = '' // 出现滚动条
document.removeEventListener('touchmove', preD, {passive: false})
}
}
}