Tecnología

Inicio

Cerraduras de desplazamiento vertical en HTML

Cerraduras de desplazamiento vertical en HTML


Algunas páginas web están construidos para ajustarse al contenido en una sola ventana del navegador. Las pantallas más grandes resolución quitarán las barras de desplazamiento de forma automática. Algunos desarrolladores, sin embargo, quieren asegurarse de que los visitantes no tienen la capacidad de desplazarse cuando la resolución se sumerge. Esto se puede lograr a través de una línea de código en el código HTML.

funcionalidad

La barra de desplazamiento vertical en el lado derecho de los navegadores web permiten a los usuarios desplazarse hacia arriba y hacia abajo las páginas web. El bar ofrece a los usuarios la opción de ver el contenido que no se pueden mostrar en una ventana. Inicialmente, las barras de desplazamiento se conocen como asas en las primeras interfaces gráficas de usuario. Los componentes de una barra de desplazamiento incluyen el pulgar, que también se conoce como una rueda de desplazamiento, perilla, cuadro de desplazamiento o el pulgar de desplazamiento. Esto mueve dentro de una pista.

Movimiento

Hay cuatro maneras de mover la barra de desplazamiento: haga clic en la barra con un ratón y arrastre hacia arriba o hacia abajo; haga clic en las flechas hacia arriba o hacia abajo en la parte superior de la barra de desplazamiento; empujar las flechas hacia arriba o hacia abajo en un teclado; la rueda de dirección integrado en ciertos ratones. Aunque los métodos son diferentes, cada función de la misma manera.

Bloquear

Hay una manera de bloquear una barra de desplazamiento no importa la cantidad de contenido está en una página web determinada. Este código debe añadirse entre las etiquetas <head> </ head> etiquetas:

<Style>
html, body {
sobrecarga oculta;
}
</ Style>

El código de estilo le dice al navegador que no muestre ningún contenido fuera de la vista inicial de la página. Cualquier contenido fuera de la vista inicial será cortada.

personalización

Hay formas adicionales para personalizar las barras de desplazamiento, incluyendo el cambio de su color por defecto. Esto requiere código de la hoja de estilo en cascada que se añade a una página web. Internet Explorer es compatible con las barras de desplazamiento de color, sin embargo, Firefox no lo hace.