jquery遮罩層可以阻止用戶在網頁上進行一些操作,例如單擊、滾動、拖拽等等。以下是如何使用jquery遮罩層來阻止網頁的滾動:
$(document).ready(function(){ $('#mask').show(); $('body').css('overflow', 'hidden'); });
代碼中,首先我們需要設置遮罩層的樣式,如純黑色透明背景布局于全屏幕中:
#mask{ background-color: #000; opacity: 0.5; position:absolute; top:0px; left:0px; width: 100%; height: 100%; }
然后,我們可以在頁面加載完成后使用jquery選擇器來選擇遮罩層并顯示它:
$('#mask').show();
最后,我們只需要將網頁的overflow屬性設置為hidden,這樣就可以阻止網頁的滾動了:
$('body').css('overflow', 'hidden');
使用以上方法可以很容易的實現jquery遮罩層阻止網頁滾動的效果。
下一篇css怎么隱藏鼠標指針