So verhindern Sie das Scrollen der Seite hinter der Maskenebene

1: Die Seite wird nach oben initialisiert und dann gestoppt
CSS-Code:

.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();
 })

Zweitens: Die Seite bleibt normal
1. Beim Öffnen einer neuen Seite müssen Sie das Mausrad und das Seitenschieben deaktivieren.
Fügen Sie einfach diesen JS-Code hinzu, wenn Sie die Anzeigeebene aufrufen:

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

Vergessen Sie nicht, diesen Satz hinzuzufügen, wenn Sie die Ebene schließen:

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

2. Stellen Sie die ursprüngliche Position der Schriftrolle ein Rad

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

Das obige ist der detaillierte Inhalt vonSo verhindern Sie das Scrollen der Seite hinter der Maskenebene. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!