Comment forcer l'affichage et masquer les barres de défilement du navigateur en HTML

Je venais de créer un site Web, et il y avait une page qui était un peu différente des autres pages

Grâce à l'observation et au débogage, j'ai trouvé cela. la hauteur verticale de la page n'était pas la même. Débordement,

ne peut pas faire apparaître la barre de défilement verticale,

entraîne une différence de plusieurs pixels lorsqu'elle est centrée par rapport aux autres pages, et

rend l'effet de page peu convivial.

Solution : Ajouter ou masquer de force la barre de défilement du navigateur sur toutes les pages.

Le code css pertinent est le suivant :

//Forcer l'affichage de la barre de défilement :

html { overflow: scroll; }

//Forcer le masquage de la barre de défilement :

html { overflow: hidden; }

//Masquer la barre de défilement horizontale d'IE :

html { overflow-x: hidden; }

//Masquer la barre de défilement verticale d'IE :

html { overflow-y: hidden; }

//Forcer l'affichage de la barre de défilement horizontale d'IE :

html { overflow-x: scroll; }

//Forcer la barre de défilement verticale d'IE :

html { overflow-y: scroll; }

//Forcer l'affichage horizontal barre de défilement de Mozilla :

html { overflow:-moz-scrollbars-horizontal; }

//Remarque : Seule la barre de défilement horizontale est forcée à être affichée C'est-à-dire que même si la barre de défilement verticale doit être affichée, la barre de défilement verticale. la barre de défilement n'apparaîtra pas.

//Forcer l'affichage de la barre de défilement verticale de Mozilla :

html { overflow:-moz-scrollbars-vertical; }

//Remarque : Seule la barre de défilement verticale est forcée à s'afficher dans. en d'autres termes, même lorsque la barre de défilement horizontale doit être affichée, la barre de défilement horizontale n'apparaîtra pas

.

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!