原文链接地址：https://www.jianshu.com/p/34095f77e410
问题：在移动端会遇到弹出遮罩和取消遮罩的问题，在弹出遮罩层的时候需要禁止背景屏幕的滑动，在取消遮罩的时候需要允许背景屏幕的滑动。
移动端防止页面滚动代码(兼容苹果和安卓)
// 防止下拉
function touchmove () {
document.body.addEventListener('touchmove', function (e) {
e.preventDefault()
}, {passive: false})
}
遮罩层消失之后允许下拉
function untouchmove () {
document.body.addEventListener('touchmove', function (e) {
window.event.returnValue = true
})
}
在遮罩层弹出是调用touchmove()方法，关闭遮罩层之后调用untouchmove()方法，即可实现想要的效果。
相信大家写移动端的时候都会碰到这个问题，当写活动规则弹窗的时候如果页面过长了，即使规则是100%高度覆盖全屏但是如...
原文链接地址：https://www.jianshu.com/p/34095f77e410 问题：在移动端会遇到弹...
移动端开启页面滚动和禁止页面滚动@令狐张豪 在做移动端的时候我们经常要禁止页面的滚动和开启页面的滚动,故学习了下原...
网页版本没有显示滚动条 但是手机端安卓和ios手机不能禁止滚动条移动端滚动穿透问题完美解决方案html body ...
Q： 移动端禁止弹出层背景滚动方案一： document.body.style.overflow = 'hidde...
最近开发中遇到这个问题，手写的mask在手机上弹出时，下面被遮挡的部分还可以滚动，这个滚动虽然不影响实际的功能操作...
1.滚动属性 2.css3多行超出隐藏 3.背景毛玻璃 嗨皮效果 清除移动端浏览器点击时候的边框 移动端禁止文字选...
场景：背景内容超出屏幕高度，需滚动展示；底部弹窗内容超出底部容器高度，需在容器内滚动展示；当底部弹窗打开，需阻止背...
$('.img-view,.shadow').bind("touchmove",function(e){ ...
//实现滚动条无法滚动 var mo=function(e){e.preventDefault();}; ...
本文标题：移动端使用e.preventDefault()禁止滚动及取消
本文链接：https://www.haomeiwen.com/subject/ckzhphtx.html
网友评论