ホームページ > 記事 > ウェブフロントエンド > マスクレイヤーの背後でページがスクロールしないようにする方法
1: ページは先頭に初期化されて停止します
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(); })
2: ページは通常どおり停止します
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 中国語 Web サイトの他の関連記事を参照してください。