一 .彈出遮罩層時,控制頁面不再滾動,需要給body設置position:fixed;height:100%;overflow-y:hidden;關閉遮罩層後,去掉上述屬性即可。
二 .另外,手機端還可以通過禁止移動端觸屏滑動來解決彈出遮罩層,阻止頁面滑動的問題
$('body').bind("touchmove",function(e){
e.preventDefault();
});
關閉遮罩層後,解除該綁定$('body').unbind("touchmove");
三 .解決點擊遮罩層非內容區域關閉遮罩層的問題,爲防止操作內容區域時,發生冒泡事件。需要禁止冒泡
$('.mask-content').tap(function(e){
e.stopPropagation();
return false;
});