Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Architect_Programmer_Code Landwirtschaftsnetzwerk»Architekt › Frontend-Design & Web › Html/CSS/JavaScript › Verschönerung von CSS-Webseiten-Div- und Tabellen-Scrollleisten-Verschönerung
Ansehen: 12089|Antwort: 0

[CSS/DIV] Verschönerung von CSS-Webseiten-Div- und Tabellen-Scrollleisten-Verschönerung

[Link kopieren]
Veröffentlicht am 12.05.2020 13:21:29 | | | |

Der Standard-Scrollbar-Stil ist wie folgt:



Wie kann man es also anpassen? Folgender Code:



Der Effekt wird wie folgt dargestellt:

Im Folgenden werden mehrere Attribute der Scrollleiste erklärt, hauptsächlich die folgenden 7 Attribute


::-webkit-scrollbar Der gesamte Teil der Scrollleiste kann auf die Breite oder so eingestellt werden
::-webkit-scrollbar-button-buttons an beiden Enden der Scrollleiste
::-webkit-scrollbar-track äußere Spur
::-Webkit-Scrollbar-Track-Piece Innerer Scroll-Slot
::-Webkit-Scrollbar-Daumen-Scrollregler
::-webkit-scrollbar-corner
::-webkit-resizer definiert den Stil des Drag-Blocks in der unteren rechten Ecke





Vorhergehend:Drei Möglichkeiten, Winkelkapselung zu verwenden
Nächster:Was ist der Unterschied zwischen LDAP- und AD-Domänen?

Verwandte Beiträge
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.
Mail To:help@itsvse.com