Características del desplazamiento en HTML

La acción predeterminada para las barras de desplazamiento son simples: aparecen en una página donde se necesitan, y no aparecen cuando no lo son. Debido a que diferentes ordenadores ofrecer diferentes resoluciones de pantalla, y los usuarios tienen diferentes preferencias para sus ajustes de la pantalla, es difícil juzgar cuando una página requerirá el desplazamiento. El uso de HTML, puede barras de desplazamiento de fuerza para que aparezca cuando no son necesarios, o los obligan a permanecer ocultos incluso cuando el navegador de otro modo requerirían ellos.

desplazamiento Atributos

Varias etiquetas HTML utilizan la propiedad "desplazamiento" para activar y desactivar las barras de desplazamiento. Al configurar las barras de desplazamiento con esta propiedad, usted tiene tres opciones. Auto es el comportamiento por defecto de la barra de desplazamiento cuando sea necesario, cuando no es necesario. El Sí configuración habilita la barra de desplazamiento, incluso cuando no es necesario, y el ajuste No se les apaga incluso cuando son necesarios. Este atributo no es compatible con todas las etiquetas, sin embargo.

Las barras de desplazamiento en CSS

Su otra opción para desactivar las barras de desplazamiento de un elemento es el uso de CSS. CSS se encarga de las barras de desplazamiento usando el atributo "desbordamiento". Puede establecer el desbordamiento de tres maneras: desbordamiento, que controla tanto las barras de desplazamiento horizontal y vertical; desbordamiento-x, que controla sólo la barra de desplazamiento horizontal; y el desbordamiento-y, que controla sólo la barra de desplazamiento vertical. La propiedad de desbordamiento puede tener cuatro valores. El comportamiento predeterminado es visible, lo que permite el desbordamiento sobrepasar los bordes de un elemento. cortes ocultos fuera de cualquier contenido que excede los límites del elemento y no proporciona barras de desplazamiento. "Scroll" proporciona barras de desplazamiento tanto horizontal como verticalmente, mientras que "auto" sólo proporciona la barra de desplazamiento necesarios para la lectura del contenido de desbordamiento.

Usos de control de barra de desplazamiento

La gestión de sus barras de desplazamiento es más adecuado cuando se utiliza cuadros de texto y elementos que desbordan con el texto. Por ejemplo, muchas personas utilizan capas DIV para crear el desplazamiento de texto en un pequeño rectángulo o un cuadro en un sitio web. Si usted tiene un elemento 200 por 200 píxeles que se desplaza cuando el texto es más largo de 200 píxeles, que se vería así:

<Div style = "width: 200; altura: 200; overflow-y: auto;"> contenido de la capa </ div>

Usted también un utiliza esto para controlar el desplazamiento de marcos, tanto ordinarios como de iframe. Ambos tipos usan el atributo "desplazamiento" como en:

<Iframe src = "content.html" width = "300" height = "150" scrolling = "no"> </ iframe>

El desplazamiento también se puede desactivar para el cuerpo de la página, usando el desbordamiento de CSS para el atributo corporal en su hoja de estilo. Esto puede ser útil si su diseño utiliza imágenes que puedan migrar sobre el borde de la pantalla, tal como una imagen grande que enmarca un marco en línea.

Desplazamiento Situaciones que se deben evitar

Evitar desplazarse horizontalmente en sus diseños. Si bien los diseños de desplazamiento horizontal pueden ser artística y visualmente interesante, que están generalmente considerados como mala práctica Web. Los visitantes pueden encontrar el diseño difícil de rastrear, y no se presta a la disposición de la mayoría de las pantallas y navegadores. También, evitar el contenido que desborda en pequeños cuadros de texto, como barras de desplazamiento pueden ser voluminosos y desplazar el contenido en cajas pequeñas. Por otra parte, en pequeñas cajas de evitar la activación de ambas barras de desplazamiento, lo que más clips de su contenido.