Fer que un div es pugui desplaçar verticalment és fàcil mitjançant la propietat de desbordament CSS. Hi ha diferents valors en el propietat de desbordament . Podem utilitzar aquesta propietat per obtenir una barra de desplaçament en una pàgina web. Els exemples esmentats a continuació són les maneres de configurar una barra de desplaçament vertical en una pàgina web.

Exemple 1: En aquest exemple, hem establert el overflow-x: hidden; i desbordament-y: automàtic; que ocultarà automàticament la barra de desplaçament horitzontal i només presentarà la barra de desplaçament vertical.

html

> <> html> >> <> head> >> > <> style> >> > h1 {> > color: Green;> > }> > div.scroll {> > margin: 4px, 4px;> > padding: 4px;> > background-color: green;> > width: 500px;> > height: 110px;> > overflow-x: hidden;> > overflow-y: auto;> > text-align: justify;> > }> > style>cap>

`techcodeview.comh1>`
És una bona plataforma per aprendre a programar. És un lloc web educatiu. Prepareu-vos per a la campanya de contractació d'empreses basades en productes com Microsoft, Amazon, Adobe, etc. amb un curs gratuït de preparació de pràctiques en línia. El curs se centra en diverses preguntes de codificació i MCQ que es poden fer a les entrevistes i fer que la vostra propera temporada de col·locació sigui eficient i exitosa. A més, qualsevol geek pot ajudar altres geeks escrivint articles al techcodeview.com, la publicació d'articles segueix uns quants passos que són els articles que necessiten poca modificació / millora dels revisors es publiquen primer. Per revisar ràpidament els vostres articles, consulteu els articles existents, el seu estil de format, l'estil de codificació i intenteu que us apropeu. En cas que siguis un principiant, pots consultar les Directrius per escriure un article div> centre> cos> html>>

Sortida:

Sortida

Exemple 2: En aquest exemple, utilitzeu auto en lloc de overflow-x:hidden; i overflow-y:auto; per fer que div es pugui desplaçar verticalment.

html

> <> html> >> <> head> >> > <> style> >> > h1 {> > color: Green;> > }> > div.gfg {> > margin: 5px;> > padding: 5px;> > background-color: green;> > width: 500px;> > height: 110px;> > overflow: auto;> > text-align: justify;> > }> > style>cap>