解决浮层穿透问题
在实际开发过程中,经常会遇到这样的要求:
在一个列表的上方,弹起一个浮层,弹起浮层后列表就不能再滑动,关闭浮层后,列表又能正常滑动。
这个问题其实不难,我们只需要禁用浏览的冒泡和捕获事件即可。
涉及以下两个函数:
1.滑动禁止
stop () {
var mo = function(e) {
e.preventDefault()
}
document.body.style.overflow = 'hidden'
document.addEventListener('touchmove', mo, false)
}
2.取消滑动限制
move () {
var mo = function(e) {
e.preventDefault()
}
document.body.style.overflow = '' // 出现滚动条
document.removeEventListener('touchmove', mo, false)
}