Comment empêcher le défilement de la page derrière le calque de masque

1 : La page s'initialisera en haut puis s'arrêtera
code 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();
 })

Deux : La page reste normalement
1 Lors de l'ouverture d'une nouvelle page, vous devez désactiver la molette de la souris et le glissement de la page
Ajoutez simplement ce code js lors de l'appel de la couche d'affichage :

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

N'oubliez pas d'ajouter cette phrase lors de la fermeture du calque :

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

2. roue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!