Göra en div vertikalt rullbar med CSS

Gora En Div Vertikalt Rullbar Med Css



Webbutvecklare använder HTML-komponenter, såsom sidhuvuden och sidfötter, nav, div, bild och många andra för att dela upp en webbsida och bädda in innehåll. Mer specifikt, '

”-element är en populär HTML-komponent som ger ett enkelt sätt att dela upp en sida i avsnitt. Vissa användare vill göra '
'-komponenterna vertikalt eller horisontellt rullbara för att spara utrymme på webbsidan.

Det här inlägget kommer att demonstrera metoden för att göra en vertikalt rullbar div genom att använda CSS.





Hur man gör/skapar en div vertikalt rullbar med CSS?

För att skapa en vertikalt rullbar div genom att använda CSS, följ instruktionerna.



Steg 1: Lägg till rubrik



Lägg först till ett '

”-tagg för att lägga till data i mitten av sidan. Infoga sedan rubriken genom att använda '

'-tagg.



Steg 2: Skapa en div-behållare i HTML

Efter det skapar du en '

' behållare och tilldela klassen som heter ' scroll-div ”. Efter det lägger du till lite text eller ett stycke mellan
-taggarna:





< Centrum >
< h1 > Linuxhint webbplats h1 >
< div klass = 'scroll-div' > Linuxhint är en populär webbplats för innehållsskapande. det har byggt många produkter till hjälp du lär dig om Linux, programmering, datavetenskap och mer. Denna plattform tillhandahåller arbete med olika kategorier, inklusive HTML / CSS, javascript, Git, Windows, Dockers, Discord och många andra. Det ger en komplett guide om dessa kategorier. Användare kan hitta något ämne relaterat till den nämnda kategorin. I den här situationen om om du är nybörjare kan du hänvisa till riktlinjerna för skriva en artikel.
div >
Centrum >

Produktion

Steg 3: Stilrubrik

Få åtkomst till rubrikelementet genom att ange taggnamnet mellan