Gør en div lodret rullebar ved hjælp af CSS

Gor En Div Lodret Rullebar Ved Hjaelp Af Css



Webudviklere bruger HTML-komponenter, såsom sidehoveder og sidefødder, nav, div, billede og mange andre til at opdele en webside og integrere indhold. Mere specifikt '

” element er en populær HTML-komponent, der giver en nem måde at opdele en side i sektioner. Nogle brugere ønsker at gøre '
'-komponenterne lodret eller vandret scrollbare for at spare websideplads.

Dette indlæg vil demonstrere metoden til at lave en vertikalt scrollbar div ved at bruge CSS.





Hvordan laver/opretter man en div lodret scrollbar med CSS?

For at oprette en lodret rullebar div ved at bruge CSS, følg de givne instruktioner.



Trin 1: Tilføj overskrift



Først og fremmest skal du tilføje en '

” tag til tilføjelse af data i midten af ​​siden. Indsæt derefter overskriften ved at bruge '

” tag.



Trin 2: Opret en div-beholder i HTML

Derefter skal du oprette en '

' container og tildel klassen med navnet ' rulle-div '. Derefter skal du tilføje noget tekst eller et afsnit mellem
-taggene:





< centrum >
< h1 > Linuxhint hjemmeside h1 >
< div klasse = 'scroll-div' > Linuxhint er et populært websted til skabelse af indhold. det har bygget mange produkter til Hjælp du lærer om Linux, programmering, datalogi og meget mere. Denne platform giver arbejde med forskellige kategorier, herunder HTML / CSS, javascript, Git, Windows, Dockers, Discord og mange andre. Det giver en komplet guide om disse kategorier. Brugere kan Find ethvert emne relateret til den nævnte kategori. I denne situation hvis du er nybegynder, kan du henvise til retningslinjer til skrive en artikel.
div >
centrum >

Produktion

Trin 3: Stiloverskrift

Få adgang til overskriftselementet ved at angive tagnavnet mellem