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,动态增加类名