In diesem Artikel wird der Beispielcode zum Konfigurieren des H5-Bildlaufleistenstils vorgestellt und für alle freigegeben. Die Details lauten wie folgt:
/* Die Hintergrundfarbe des Schiebereglers der Bildlaufleiste */::-webkit-scrollbar-track { Hintergrundfarbe: #b46868;}/* Die Farbe des Schiebereglers */::-webkit-scrollbar-thumb { Hintergrundfarbe : rgba( 0, 0, 0, 0.2);} /* Farbe der Hörschaltflächen an beiden Enden der Gleitschiene*/::-webkit-scrollbar-button { Hintergrundfarbe: #7c2929;}/* Die Farbe der scharfen Ecken am Schnittpunkt der horizontalen Bildlaufleiste und der vertikalen Bildlaufleiste*/::-webkit-scrollbar-corner { background-color: black;} // IE-eigene Einstellungsmethode, und der erste Browser, der Bildlaufleisten anpassen kann, ist ab IE5.5 mit body { scrollbar-face-color: #b46868;} kompatibel. Beispiel /* Document scrollbar */::-webkit-scrollbar { width: 8px;}::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px;}::-webkit-scrollbar-thumb { border-radius : 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}/* Scrollbares Element */.some-element::webkit-scrollbar {}<div class=custom-scrollbar> <p> Ich werde nichts tun, um meine Arbeit zu erledigen. Molestias tempora velit natus Was ist die Konsequatur? </p></div>Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.