在main.js中设置全局函数：
//弹出框禁止滑动
Vue.prototype.noScroll = function () {
var mo = function (e) { e.preventDefault() }
document.body.style.overflow = 'hidden'
document.addEventListener('touchmove', mo, false)// 禁止页面滑动
}
//弹出框可以滑动
Vue.prototype.canScroll = function () {
var mo = function (e) {
e.preventDefault()
}
document.body.style.overflow = ''// 出现滚动条
document.removeEventListener('touchmove', mo, false)
}
在页面使用时：
//禁止主页面滑动
this.noScroll()
//主页面可滑动
this.canScroll()
在main.js中设置全局函数： //弹出框禁止滑动Vue.prototype.noScroll = functi...
在main.js中设置全局函数： 在弹窗弹出和关闭的时候 调用对应的方法
公司有个项目用的vux，但是存在滑动穿透，就是整个页面有滚动条，pop弹出框也有滚动条，但是在pop滑动时，会滑动...
今天遇到一个问题，页面弹出框内的数据可以滑动，但是弹出框的底层，也就是当前页面不允许滚动，试了许多方法，都没有解决...
解决：在弹窗的外层div上添加时间 @touchmove.prevent即可 但是这种方法会导致弹窗无法滚动 经测...
问题描述：随着手指上下滑动，cordova中的html整体跟着上下滑动，无法固定页面的导航 解决办法：修改conf...
弹出 fixed 弹窗后，在弹窗上滑动会导致下层的页面一起跟着滚动。 解决方法： 在弹出层加上 catchtouc...
最近在做项目中发现一个问题，静态页面里面的swiper可以滑动，但是动态获取的数据后页面滑动有问题；解决方...
定义：移动端弹出fixed弹窗的话，在弹窗上滑动会导致下层的页面跟着滚动，这个叫“滚动穿透” 解决方案1 在弹出层...
在android抽屉Drawer_layout开发中，需要关闭手势滑动，来滑出弹出框 //禁止手势滑动mDrawe...
本文标题：完美解决vue项目中弹出框滑动时，内部页面也跟着滑动问题
本文链接：https://www.haomeiwen.com/subject/ywjsqqtx.html
网友评论