Maison > interface Web > tutoriel HTML > Comment empêcher le défilement de la page derrière le calque de masque

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

黄舟
Libérer: 2017-10-24 10:36:01
original
2454 Les gens l'ont consulté


1 : La page s'initialisera en haut puis s'arrêtera
code css :

.ovfHiden{overflow: hidden;height: 100%;}
Copier après la connexion

jquery :

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

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";
Copier après la connexion

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

document.documentElement.style.overflow = "scroll";
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal