移動端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