Creare un div scorrevole verticalmente usando i CSS

Creare Un Div Scorrevole Verticalmente Usando I Css



Gli sviluppatori Web utilizzano componenti HTML, come intestazioni e piè di pagina, nav, div, immagine e molti altri per dividere una pagina Web e incorporare contenuto. Più in particolare, il “

L'elemento ' è un popolare componente HTML che fornisce un modo semplice per dividere una pagina in sezioni. Alcuni utenti desiderano rendere i componenti '
' scorrevoli verticalmente o orizzontalmente per risparmiare spazio nella pagina web.

Questo post dimostrerà il metodo per creare un div scorrevole verticalmente utilizzando i CSS.





Come rendere/creare un div scorrevole verticalmente con i CSS?

Per creare un div scorrevole verticalmente utilizzando i CSS, segui le istruzioni fornite.



Passaggio 1: aggiungi intestazione



Prima di tutto, aggiungi un ' ” tag per l'aggiunta di dati al centro della pagina. Quindi, inserisci l'intestazione utilizzando il '

etichetta '.



Passaggio 2: crea un contenitore div in HTML

Successivamente, crea un '

” container e assegna la classe denominata “ scroll-div ”. Successivamente, aggiungi del testo o un paragrafo tra i tag
:





< centro >
< h1 > Sito web di Linuxhint h1 >
< div classe = 'scroll-div' > Linuxhint è un sito Web popolare per creazione di contenuti. ha costruito molti prodotti per aiuto impari a conoscere Linux, la programmazione, l'informatica e altro ancora. Questa piattaforma fornisce lavoro su diverse categorie, incluso HTML / CSS, javascript, Git, Windows, Dockers, Discord e molti altri. Fornisce un completare guida su queste categorie. Gli utenti possono scoprire qualsiasi argomento relativo alla categoria menzionata. In questa situazione Se sei un principiante, puoi fare riferimento alle linee guida per scrivendo un articolo.
div >
centro >

Produzione

Passaggio 3: intestazione di stile

Accedi all'elemento header specificando il nome del tag tra i tag