遮罩层滑动导致下面滑动
1，阻止弹层滑动，使用默认事件，使用这种方式弹层不能滑动
document.getElementById("model").addEventListener('touchmove', function (e) {
e.preventDefault();
}, false);
2，在Body,html使用overflow:hidden, 但是不能是的下面滑动
.fix {
height: 100%;
overflow: hidden;
}
3，同时设置不会有问题
.fix {
height: 100%;
overflow: hidden;
}
$(function () {
var scrollTop;
$('.show').click(function () {
scrollTop = document.documentElement.scrollTop;// 记录scrollTop的值
$('#model').show();
$('.content').addClass('fix');
});
$('.hide').click(function () {
$('#model').hide();
$('.content').removeClass('fix');
document.documentElement.scrollTop = scrollTop;// 设置scrollTop的值
})
})
https://www.jianshu.com/p/6fd2873183e1?utm_source=oschina-app