Maison > interface Web > tutoriel CSS > Comment masquer les barres de défilement en utilisant CSS ?

Comment masquer les barres de défilement en utilisant CSS ?

angryTom
Libérer: 2020-02-08 17:49:34
original
2922 Les gens l'ont consulté

Cet article expliquera comment utiliser CSS pour masquer la barre de défilement de la page. Il a une certaine valeur de référence. J'espère qu'il sera utile aux étudiants qui apprennent le CSS !

Comment masquer les barres de défilement en utilisant CSS ?

Comment masquer les barres de défilement en utilisant CSS ?

Comment masquer la barre de défilement tout en pouvant faire défiler n'importe quel élément ?

Tout d'abord, si vous devez masquer la barre de défilement et afficher la barre de défilement lorsque le contenu déborde, il vous suffit de définir le style overflow: auto.

Si vous souhaitez masquer complètement la barre de défilement, définissez simplement overflow: Hidden, mais cela rendra le contenu de l'élément non défilable.

À ce jour, il n'existe aucune règle CSS permettant à un élément de masquer la barre de défilement tout en continuant à faire défiler le contenu. Cela ne peut être réalisé qu'en définissant le style de la barre de défilement pour un navigateur spécifique.

Firefox

scrollbar-width: none; /* Firefox */
Copier après la connexion

navigateur ie

-ms-overflow-style: none; /* IE 10+ */
Copier après la connexion

Navigateurs Chrome et Safari

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
Copier après la connexion

(Apprentissage recommandé : Tutoriel CSS )

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:cnblogs.com
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