Maison > interface Web > tutoriel CSS > Comment toujours afficher la barre de défilement verticale en CSS ?

Comment toujours afficher la barre de défilement verticale en CSS ?

Barbara Streisand
Libérer: 2024-12-01 03:41:11
original
277 Les gens l'ont consulté

How to Always Show the Vertical Scrollbar in CSS?

Comment assurer la visibilité de la barre de défilement sur toutes les pages

Dans la conception Web, il est souhaitable que la barre de défilement verticale soit toujours visible, quelle que soit la longueur du contenu de la page. Voici comment y parvenir en utilisant CSS :

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
Copier après la connexion

Ce code demande au navigateur de :

  • overflow: -moz-scrollbars-vertical; : Forcer l'affichage des barres de défilement verticales ( pour les navigateurs basés sur Mozilla).
  • overflow-y: scroll; : Activez la barre de défilement même lorsqu'il n'y a pas suffisamment de contenu pour scroll.

En conséquence, la barre de défilement sera visible à tout moment, devenant active lorsque suffisamment de contenu est présent sur la page.

Mise à jour : Si la solution ci-dessus ne fonctionne pas, essayez cette version simplifiée :

html {
    overflow-y:scroll;
}
Copier après la connexion

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal