Hacer un div desplazable verticalmente usando CSS

Hacer Un Div Desplazable Verticalmente Usando Css



Los desarrolladores web usan componentes HTML, como encabezados y pies de página, navegación, div, imagen y muchos otros para dividir una página web e incrustar contenido. Más específicamente, el “

El elemento ” es un componente HTML popular que proporciona una manera fácil de dividir una página en secciones. Algunos usuarios desean hacer que los componentes '
' se puedan desplazar vertical u horizontalmente para conservar el espacio de la página web.

Esta publicación demostrará el método para hacer un div desplazable verticalmente utilizando CSS.







¿Cómo hacer / crear un div desplazable verticalmente con CSS?

Para crear un div desplazable verticalmente utilizando CSS, siga las instrucciones proporcionadas.



Paso 1: Agregar encabezado



En primer lugar, agregue un ' ” etiqueta para agregar datos en el centro de la página. Luego, inserte el encabezado utilizando el '

' etiqueta.





Paso 2: crea un contenedor div en HTML

Después de eso, crea un '

” contenedor y asigne la clase denominada “ scroll-div ”. Después de eso, agrega algo de texto o un párrafo entre las etiquetas
:





< centro >
  < h1 > Sitio web de Linuxhint h1 >
  < división clase = 'desplazamiento-div' > Linuxhint es un sitio web popular por creación de contenido Ha construido muchos productos para ayudar aprendes sobre Linux, programación, informática y más. Esta plataforma proporciona trabajo en diferentes categorías, incluido HTML. / CSS, javascript, Git, Windows, Dockers, Discord y muchos otros. Proporciona un completo guía sobre estas categorías. Los usuarios pueden encontrar cualquier tema relacionado con la categoría mencionada. En esta situación si es un principiante, puede consultar las pautas por escribiendo un artículo.
  división >
centro >

Producción

Paso 3: Encabezado de estilo

Acceda al elemento de encabezado especificando el nombre de la etiqueta entre las etiquetas