Ayuda con la barra de desplazamiento en HTML

Puede personalizar las barras de desplazamiento en las páginas Web, pero sus opciones para hacerlo son limitadas. En primer lugar, puede ocultar o mostrar las dos barras de desplazamiento vertical y horizontal. En segundo lugar, puede utilizar CSS para cambiar el color de los elementos visuales individuales de la barra de desplazamiento. Mientras que la función de control de color puede ayudar a que la barra de desplazamiento un elemento más de cohesión de su sitio web y menos molesto cuando se utiliza en elementos más pequeños - como elementos DIV o marcos - no es compatible con cualquier navegador que no sea Internet Explorer.

Ocultación Sus barras de desplazamiento

Si desea ocultar una o dos barras de desplazamiento para su página, puede hacerlo dentro de la sección del cuerpo de la hoja de estilo de su sitio web. El atributo de esto es "desbordamiento". Cuando se ajusta a "oculta", que indica a la página de ignorar todo el contenido que excede los bordes del navegador. La gente usa diferentes navegadores y resoluciones de pantalla; lo que puede ser perfectamente centrada en la pantalla podría ir más allá de los bordes del monitor de la computadora de otro. Ocultando sus ambos sus barras de desplazamiento en su hoja de estilo se parece a esto:

cuerpo {
sobrecarga oculta;}

Colorear su barra de desplazamiento

El CSS que cambia el color de su barra de desplazamiento tiene siete atributos diferentes que modifican la apariencia del color de la barra de desplazamiento, lo que ayuda a darle un poco más elementos de matices y colores. Al igual que con la configuración de desbordamiento, estos atributos se colocan en la sección del cuerpo de esta manera:

cuerpo {
barra de desplazamiento-base-color: # 000000;
barra de desplazamiento cara color: # 000000;
barra de desplazamiento de flecha color: #FFFFFF;
barra de desplazamiento-3dlight-color: # 000000;
barra de desplazamiento-DarkShadow-color: # 000000;
-barra de desplazamiento más destacado-color: # 000000;
barra de desplazamiento-sombra-color: # 000000;}

Se puede utilizar cualquier código de color hexadecimal de seis dígitos. Encuentra encontrar una variedad de colores HTML en HTML-color-codes.com. La experimentación es la mejor manera de elegir la mejor configuración. En el momento de la publicación, Internet Explorer es el único navegador que soporta estos atributos.

Desplazamiento horizontal

Una estética de diseño Web inusual, la creación de un sitio web de desplazamiento lateral modular o basada en imágenes requiere que se oculta la barra de desplazamiento vertical al tiempo que permite el horizontal. No debería ser necesario para habilitar la barra de desplazamiento horizontal; que tiene un contenido que exceda el ancho de la página permitirá automáticamente la barra de desplazamiento horizontal. Si desea desactivar la barra de desplazamiento vertical, simplemente modifique la etiqueta de desbordamiento:

cuerpo {
desbordamiento-y: hidden;}

El "-y" se refiere a la barra de desplazamiento vertical, haciendo referencia al eje "y" de un gráfico. Si está modificando la barra de desplazamiento horizontal, el atributo es "desbordamiento-x."

Las barras de desplazamiento en diferentes sistemas operativos

La aparición de barras de desplazamiento varía entre los sistemas operativos. No sólo los diferentes sistemas tienen su propio estilo de las barras de desplazamiento, pero a menudo los usuarios pueden modificar sus propios ajustes y temas, cambiando aún más el aspecto. OS X famoso ofrece barras de desplazamiento de color azul brillante, mientras que Windows mantiene un diseño de barra de desplazamiento cuadrado de despegue.