如何阻止遮罩層後頁面滾動的實例

一：頁面會初始化到頂端，而後靜止
css程式碼：

.ovfHiden{overflow: hidden;height: 100%;}

jquery:

$(".header_right").click(function(){$('html,body').addClass('ovfHiden'); //使网页不可滚动
   $(".searchbox").show();
 })
 $(".yg-close").click(function(){
   $('html,body').removeClass('ovfHiden'); //使网页恢复可滚
   $(".searchbox").hide();
 })

二：頁面正常靜止
1.開啟新頁面時需要禁止滑鼠滾輪，禁止頁面滑動；
在呼叫顯示圖層時加上這句js程式碼就可以了：

document.documentElement.style.overflow = "hidden";

關閉層的時間別忘了在加上這句話：

document.documentElement.style.overflow = "scroll";

2.設定滾輪原來位置

var top_temp = $(document).scrollTop()||document.documentElement.scrollTop || document.body.scrollTop;
window.parent.scrollTo(0,top_value);

以上是如何阻止遮罩層後頁面滾動的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！