Cómo crear un div verticalmente desplazable el uso de CSS?

vertical desplazable div de CSS : Aquí, vamos a aprender a crear un div verticalmente desplazable?

Introducción:

Tratar con divs se ha convertido en una regularidad y divs se utiliza para muchos propósitos class como para estructurar nuestro código y segregar nuestras diferentes secciones de códigos. Además, también somos conscientes de las muchas propiedades que podemos implicar o modificar sobre divs para que nuestra página web o una página web sensible, pero hay veces tendemos a olvidar algunos de los métodos o propiedades que podrían ser utilizados mientras que el desarrollo de una página web o en la web y, a veces estas propiedades también hacen nuestro trabajo fácil, ya que a veces ocurren a reducir el número de códigos. Así que hay que tener siempre aprender sobre diversas propiedades para explorar nuevas formas for desarrollo de un sitio web o una página web. Con esa nota en mente, hay que seguir adelante con nuestro tema.

La tarea:

Para crear un div verticalmente desplazable no es una tarea difícil como parece, pero como se mencionó anteriormente, hay que seguir aprendiendo nuevos métodos o propiedades, además de que podría llegar un momento en que se requerir un div verticalmente desplazable y en ese momento desea saber la respuesta exacta a su problema, todo gracias a este artículo. Bien, ahora que hemos establecido una comprensión de la importancia de esta discusión, por lo tanto, sin más preámbulos, vamos a pasar a la tarea.

utiliza la propiedad:

Como se mencionó anteriormente, la creación de un div verticalmente desplazable no es difícil, algunas cosas aquí y allá y le for hasta ella en ningún momento. catch crear un div verticalmente desplazable For su sitio web o página web que tiene que hacer uso de una propiedad conocida como la propiedad de desbordamiento. Es lo mismo que estar familiarizado con esta propiedad y su comportamiento. Así, mediante el uso de un desbordamiento puede crear un div verticalmente desplazable. Como todos sabemos que la propiedad de desbordamiento ocupa una cierta cantidad de valores como el desbordamiento-x: hidden y el desbordamiento-y: auto. Al hacer uso de estos valores usted será capaz de crear barras de desplazamiento horizontal y vertical.

Solución:

Para crear un desplazamiento vertical uso de barras X y el eje Y y se debe configurar el desbordamiento-x propiedad como ocultos y propiedad overflow-y como automático . Al hacerlo la propiedad barra de desplazamiento horizontal ocultaría de forma automática y sólo barra de desplazamiento vertical se visualiza. Por lo tanto, la barra de desplazamiento creado en el proceso sería verticalmente.

Sintaxis:

    Element{
overflow-x:hidden;
overflow-y:auto;
}

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: #006969;
color: #fff;
width: 400px;
height: 100px;
overflow-x: hidden;
overflow-y: auto;
text-align: justify;
}
</style>
</head>
<body>
<h1>create a vertically scrollable div</h1>
<div>
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
This is IncludeHelp. This is IncludeHelp. This is IncludeHelp.
</div>
</body>
</html>

How to create a vertically scrollable div using CSS? - 4

En el ejemplo anterior, la div es verticalmente desplazable .

Pruebe usted mismo:

Bastante fácil ¿verdad? Todo lo que teníamos que hacer era hacer uso de una propiedad muy familiar conocida como la propiedad de desbordamiento y establecer su valor del eje X a escondidas y el valor del eje y de auto y bam! Un div desplazable vertical, surgió como consecuencia de ello. Así que adelante y probar este nuevo método aprendido por su cuenta al tomar la ayuda de ejemplos. Y si usted piensa que necesita un poco de ayuda de nuestros escritores y expertos que están disponibles en for https://ask.includehelp.com/ .


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *