vue 之移动端弹层打开,禁止页面滑动

第一种:

bodyScroll(event) {
  event.preventDefault()
},
stopScroll () {
  document.body.style.overflow = 'hidden'
  document.addEventListener('touchmove', this.bodyScroll, false)
},

startScroll () {
  document.body.style.overflow = ''// 出现滚动条
  document.removeEventListener('touchmove', this.bodyScroll, false)
}

 

//在弹层事件中相应调用就可;

第二种:弹窗出现,改变大盒子的高度100%,overFlow:hidden,动态增加类名

 

posted @ 2020-09-21 16:11  栀夏。  阅读(197)  评论(0编辑  收藏  举报