彈出遮罩層,body不滾動,點擊遮罩層非內容區域關閉遮罩層


一 .彈出遮罩層時,控制頁面不再滾動,需要給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;
});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章