Zusammenfassung der Stileinstellungen der HTML-Bildlaufleiste

Wir haben bereits die Einstellungen für CSS-Bildlaufleisten und Div-Bildlaufleisten eingeführt. Wir alle wissen, dass der Stil der Bildlaufleiste über CSS gesteuert werden kann. Heute werde ich Ihnen eine Zusammenfassung der Stileinstellungen für die HTML-Bildlaufleiste vorstellen!

Bildlaufleistenstil in HTML;

1.HTML-Bildlaufleistenstil_Grundlagen-Tutorial

1. Die Spur der Bildlaufleiste wird aufgezeichnet als: scrollbar-track. Der sogenannte „Track“ bezeichnet den Weg, den der Gleitstein der Bildlaufleiste beim Ausführen nehmen muss. 2. Der Gleitblock der Bildlaufleiste, dh der Gleitblock, der durch Drücken und Halten der linken Maustaste nach oben und unten oder nach links und rechts verschoben werden kann, und die kleinen Quadrate an beiden Enden der Bildlaufleiste, aufgezeichnet als : scrollbar-face. Gesicht ist das „Gesicht“ der Bildlaufleiste. Beachten Sie, dass sie drei „Gesichter“ hat: die Schiebeleiste und die kleinen Quadrate an beiden Enden.

2.HTML-Bildlaufleisten-Textbereichsattributeinstellung

1. Überlaufeinstellungen, wenn der Inhalt überläuft (legen Sie fest, ob das festgelegte Objekt Bildlaufleisten anzeigt)

overflow-x Einstellungen, wenn der horizontale Inhalt überläuft

overflow-y Einstellungen, wenn der vertikale Inhalt überläuft

Die für die oben genannten drei Attribute festgelegten Werte sind sichtbar (Standardwert), scrollen, ausgeblendet und automatisch.

3.Änderung der HTML-Bildlaufleiste

Ich habe dies verwendet , wenn es diese Höhe überschreitet, wird eine vertikale Bildlaufleiste angezeigt. Gibt es eine Möglichkeit, diese vertikale Bildlaufleiste zu entfernen, aber Inhalte, die die Höhe von 150 überschreiten, können immer noch durch Drehen des Mausrads gescrollt werden? ? Oder gibt es eine Möglichkeit, das Scrollen mit den Schaltflächen oben und unten zu erreichen?

4.Über Bildlaufleisten in HTML/Entfernen von Bildlaufleisten



Dieser Code ist derselbe wie oben Der einzige Unterschied besteht darin, dass in den durch CSS definierten Elementen eines der Körper und das andere ein HTML ist. Lassen Sie es uns noch einmal testen und den „Körper“ der HTML-Seite in „HTML“ ändern, um es zu testen und festzustellen, dass der Effekt immer noch erzielt werden kann. Warum also?

5.So verbergen Sie Bildlaufleisten und entfernen Bildlaufleisten in HTML



Was dieser Artikel beschreibt ist ein kleiner Editor, der Ihnen den HTML-Code zum Ausblenden und Entfernen von Scrollbalken vorstellt. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten.

Fragen und Antworten zur HTML-Bildlaufleiste:

1.html5 – Baidu Ueditor Code hoch Was ist mit dem Konflikt zwischen dem Licht und der Bildlaufleiste des Codesegments los?

2.html - css::-webkit-scrollbar kann nur eingestellt werden die Breite der vertikalen Bildlaufleiste? ? Wie stelle ich die Breite der horizontalen Bildlaufleiste ein? die angezeigte Seite

【Empfohlene verwandte Artikel】:

1.Verwenden Sie HTML und CSS-Code Zusammenfassung der Implementierung verschiedener Tabellenstile

2.Zusammenfassung der Methoden zur Implementierung von Mausstilen in HTML und CSS

3.Zusammenfassung der Methoden zur Einführung von CSS-Stilen in HTML

Das obige ist der detaillierte Inhalt vonZusammenfassung der Stileinstellungen der HTML-Bildlaufleiste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!