HTML Desplazamiento Div

Una barra de desplazamiento aparece por defecto en el navegador Web de su visitante si su sitio web es más largo o más ancho que la pantalla de su visitante. También puede crear una barra de desplazamiento, o prevenir uno de aparecer, dentro de recipientes tales como divs. Se pueden crear varios divs, algunas de ellas de desplazamiento y algunos de los cuales no lo hacen, para contener todo el contenido que desea incluir en su página Web.

Div

En HTML, el div crea una división o sección de una página web. La página web W3Schools explica que estos elementos se utilizan con frecuencia para crear diseños de página web y dar formato a los grupos de elementos con diferentes estilos. Divs son contenedores rectangulares que son elementos de bloque. A los elementos de bloque se inicia en una nueva línea y automáticamente se expande a la altura de los elementos dentro de ella y el ancho de la página entera. Puede especificar el ancho y la altura de un div con las hojas de estilo en cascada o CSS, para requerir menos espacio. También puede indicar un div para desplazarse o permanecer de desplazamiento inferior para acomodar el contenido dentro de la div.

desplazamiento

De forma predeterminada, si su div contiene un elemento, como una imagen, que es más grande que el div, el exceso de contenido aparece fuera de los contornos de la div. Se especifica cómo el navegador formatos de contenido con la propiedad CSS "desbordamiento". Por ejemplo, si desea que una barra de desplazamiento para que aparezca cuando el contenido es más grande que un div llamado "desplazamiento", utilice el siguiente código:

div.scroll

{

overflow: desplazarse;

}

Su visitante no verá el resto del contenido hasta que se hace clic en la barra de desplazamiento para revelar el resto del div y su contenido. Por ejemplo, texto dará formato a la anchura del envase y cortar hasta que los rollos de visitantes hacia abajo.

consideraciones

Si su contenido es mucho mayor que el div, las barras de desplazamiento se hace muy pequeña. Esto puede hacer que sea difícil para sus visitantes para mover la barra de desplazamiento o a la página a través de la div con su teclado. En su lugar, puede preferir cambiar el tamaño del contenido. Por ejemplo, es posible reducir el tamaño de una imagen para un mejor ajuste dentro del div para reducir el desplazamiento y permitir a los usuarios a ver de inmediato más contenido. El contenido que es a la vez más alto y más ancho que su div crea barras de desplazamiento horizontal y vertical. Si es posible, reducir la anchura de su contenido de modo que el visitante sólo verá - y tienen que utilizar - una barra de desplazamiento vertical, en lugar de las dos barras de desplazamiento.

Rebosar

Si no desea permitir el HTML div para desplazarse, establezca la propiedad de desbordamiento de "oculta". Este estilo clips de cualquier contenido que es más grande que el recipiente de manera que se vuelve invisible. Sin embargo, el visitante no será capaz de ver el resto del texto o la imagen si se utiliza esta configuración.