Cet article présente l'exemple de code pour configurer le style de barre de défilement H5 et le partage avec tout le monde. Les détails sont les suivants :
/* La couleur d'arrière-plan du curseur de la barre de défilement */::-webkit-scrollbar-track { background-color: #b46868;}/* La couleur du curseur */::-webkit-scrollbar-thumb { background-color : rgba( 0, 0, 0, 0.2);} /* Couleur des boutons d'écoute aux deux extrémités de la glissière*/::-webkit-scrollbar-button { background-color: #7c2929;}/* La couleur des coins pointus à l'intersection de la barre de défilement horizontale et de la barre de défilement verticale*/::-webkit-scrollbar-corner { background-color: black;} // Méthode de paramétrage propre à IE, et le premier Les navigateurs pouvant personnaliser les barres de défilement sont compatibles avec body { scrollbar-face-color: #b46868;} à partir d'IE5.5 Exemple /* Barre de défilement du document */::-webkit-scrollbar { width:. 8px;}::-webkit-scrollbar-track { box-shadow: encart 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px;}::-webkit-scrollbar-thumb { border-radius : 10px; box-shadow: encart 0 0 6px rgba(0, 0, 0, 0.5);}/* Élément défilant */.some-element::webkit-scrollbar {}<div class=custom-scrollbar> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. molestias tempora velit natus Quas, supposenda nisi Quisquam enim. qui iure, consequatur velit sit ?Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.