Ein div mit CSS vertikal scrollbar machen

Ein Div Mit Css Vertikal Scrollbar Machen



Webentwickler verwenden HTML-Komponenten wie Kopf- und Fußzeilen, Nav, Div, Bild und viele andere, um eine Webseite zu unterteilen und Inhalte einzubetten. Genauer gesagt die „

”-Element ist eine beliebte HTML-Komponente, die eine einfache Möglichkeit bietet, eine Seite in Abschnitte zu unterteilen. Einige Benutzer möchten die „
“-Komponenten vertikal oder horizontal scrollbar machen, um Platz auf der Webseite zu sparen.

In diesem Beitrag wird die Methode zum Erstellen eines vertikal scrollbaren Div mithilfe von CSS demonstriert.





Wie erstelle/erstelle ich ein vertikal scrollbares Div mit CSS?

Befolgen Sie die angegebenen Anweisungen, um ein vertikal scrollbares Div mithilfe von CSS zu erstellen.



Schritt 1: Überschrift hinzufügen



Fügen Sie zunächst ein „ ”-Tag zum Hinzufügen von Daten in der Mitte der Seite. Fügen Sie dann die Überschrift ein, indem Sie das „

' Schild.



Schritt 2: Erstellen Sie einen div-Container in HTML

Erstellen Sie danach ein „

” Container und weisen Sie die Klasse mit dem Namen “ scroll-div “. Fügen Sie danach etwas Text oder einen Absatz zwischen den
-Tags hinzu:





< Center >
< h1 > Linuxhint-Website h1 >
< div Klasse = 'scroll-div' > Linuxhint ist eine beliebte Website Pro Inhaltserstellung. es hat viele Produkte dazu gebaut Hilfe Sie lernen etwas über Linux, Programmierung, Informatik und mehr. Diese Plattform bietet Arbeit in verschiedenen Kategorien, einschließlich HTML / CSS, Javascript, Git, Windows, Dockers, Discord und viele andere. Es bietet eine Komplett Leitfaden zu diesen Kategorien. Benutzer können finden jedes Thema im Zusammenhang mit der genannten Kategorie. In dieser Situation wenn Wenn Sie ein Anfänger sind, können Sie sich auf Richtlinien beziehen Pro einen Artikel schreiben.
div >
Center >

Ausgabe

Schritt 3: Stilüberschrift

Greifen Sie auf das Überschriftenelement zu, indem Sie den Tag-Namen zwischen den