2021-07-09 Vue 解决移动端滑动穿透问题

当页面有弹窗时,并且这个弹窗有滚动事件时,这时候会遇到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})
                }
            }
        }

你可能感兴趣的:(2021-07-09 Vue 解决移动端滑动穿透问题)