Hacer que un div se pueda desplazar verticalmente es fácil usando la propiedad de desbordamiento de CSS. Hay diferentes valores en el propiedad de desbordamiento . Podemos usar esa propiedad para obtener una barra de desplazamiento en una página web. Los ejemplos que se mencionan a continuación son las formas de configurar una barra de desplazamiento vertical en una página web.

Ejemplo 1: En este ejemplo, hemos configurado overflow-x: oculto; y desbordamiento-y: auto; que ocultará automáticamente la barra de desplazamiento horizontal y presentará solo la barra de desplazamiento 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>cabeza>

`Portaltecnico.proh1>`
Es una buena plataforma para aprender a programar. Es un sitio web educativo. Prepárese para la campaña de contratación de empresas basadas en productos como Microsoft, Amazon, Adobe, etc. con un curso gratuito de preparación para la colocación en línea. El curso se centra en varias preguntas de MCQ y codificación que probablemente se formularán en las entrevistas y harán que su próxima temporada de colocación sea eficiente y exitosa. Además, cualquier geek puede ayudar a otros geeks escribiendo artículos en techcodeview.com. La publicación de artículos sigue unos pocos pasos, es decir, los artículos que necesitan poca modificación/mejora por parte de los revisores se publican primero. Para que sus artículos sean revisados rápidamente, consulte los artículos existentes, su estilo de formato, estilo de codificación e intente estar cerca de ellos. En caso de que sea principiante, puede consultar las Pautas para escribir un artículo div> centro> cuerpo> html>>

Producción:

Producción

Ejemplo 2: En este ejemplo, utilice auto en lugar de overflow-x:hidden; y desbordamiento-y:auto; para hacer que div se pueda desplazar verticalmente.

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>cabeza>