Erstellen eine Linie Track Scrollbar in HTML

Überschreitet Ihr Inhalt die Dimensionen eines HTML-Elements, die Selbstbeteiligung wird ausgeblendet werden, und die Überlaufdaten nicht im Browser des Benutzers angezeigt. Verwenden Sie CSS für Ihre HTML-Elemente einer Zeile Track Scrollbar einzurichten. Mit dieser HTML-Gestaltung-Technik wird eine Scrollbar angezeigt, wenn Text die Dimensionen der "Div" oder einem anderen Element-Container übersteigt, sodass Benutzer scrollen und finden die zusätzliche Inhalte.

Anweisungen

1 Wechseln Sie zu dem Ordner mit der HTML-Seite mit den Elementen, die Sie mit einer Scrollbar verbessern möchten. Klicken Sie auf "Öffnen mit" und wählen Sie Ihren bevorzugten Text-Editor.

2 Erstellen Sie eine CSS-Klasse für die Bildlaufleiste. Der folgende Code erstellt eine Klasse für einen Container mit dem Namen "Mycontent":

< Skript-Typ = "Text/Css" >

MyCONTENT {} }< / script >

Platzieren Sie diesen Code zwischen der öffnenden und schließenden "Head"-Tags in Ihrem HTML-Dokument.

3 Richten Sie die Scrollbar-Klasse mit den gewünschten Scrollbar-Eigenschaften. Der folgende Code richtet einen Container 150 Pixel breit und eine vertikale Bildlaufleiste angezeigt:

MyCONTENT {} Breite: 150px;Overflow: scroll;}

Die Eigenschaft "Overflow" weist den Browser an eine Bildlaufleiste dynamisch anzeigen.