移动端300ms延迟原理，穿透、遮罩层滑动导致下面滑动总结

遮罩层滑动导致下面滑动

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