¿Qué es una barra de desplazamiento HTML?

Una barra de desplazamiento del Lenguaje de marcado de hipertexto (HTML) es un elemento de la interfaz de usuario que puede aparecer dentro del marco visible que muestra un documento HTML. Le permite al usuario mover la región visible de un área de la pantalla mientras deja intactas las áreas circundantes. En muchos casos, el visor de documentos HTML puede generar automáticamente una barra de desplazamiento HTML, aunque ciertos códigos HTML y de hojas de estilo en cascada (CSS) pueden obligar a que se muestre una barra de desplazamiento o forzar que se oculte una. Dentro de una página web, una barra de desplazamiento HTML puede ser una solución de formato definida en el caso de un desbordamiento de contenido, o puede ser una propiedad que se puede establecer en los marcos que se muestran en la ventana principal. Es importante tener en cuenta que una barra de desplazamiento HTML que aparece dentro de un documento HTML representado es diferente del elemento de la barra de desplazamiento de la interfaz gráfica de usuario (GUI) del sistema operativo que está controlado por el navegador web, aunque algunas operaciones también pueden modificar la apariencia de la barra de desplazamiento del navegador .

Cuando se representa dentro de un documento HTML, una barra de desplazamiento HTML tiene el aspecto general del elemento GUI predeterminado de la barra de desplazamiento del sistema. Esto generalmente es una barra vertical u horizontal que tiene flechas colocadas en cada extremo. La barra, que también se denomina pista, tiene un cuadro en la parte superior que representa el área visualizada actualmente del documento o área más grande. La barra de desplazamiento se puede manipular haciendo clic en las flechas con el cursor del mouse para mover el área visualizada, o arrastrando directamente el cuadro indicador visible a lo largo de la pista.

Cuando una región como un marco se define en HTML o con CSS, la cantidad esperada de espacio en píxeles a veces no está disponible debido a una resolución de pantalla o tamaño de ventana diferente. Esto provoca un desbordamiento, lo que significa que el texto, las imágenes y otros elementos no se pueden mostrar completamente en el espacio disponible. Un comportamiento que se puede especificar en un documento HTML es que el renderizador cree una barra de desplazamiento HTML para que un usuario pueda moverse a diferentes partes no visibles del área en un espacio limitado. Alternativamente, la barra de desplazamiento se puede deshabilitar, lo que significa que si solo se muestra parte de una imagen o bloque de texto, las áreas no visibles simplemente no se mostrarán y no será evidente que existan.

Mediante el uso de CSS, una barra de desplazamiento HTML puede personalizar su apariencia. Esto generalmente significa cambiar la secuencia de colores que se utilizan para dibujar la barra, sus reflejos y sus sombras. Con el uso de lenguajes de secuencias de comandos y una codificación no estándar, los gráficos reales que se utilizan para mostrar una barra de desplazamiento HTML se pueden cambiar para una apariencia más personalizada, aunque no todos los navegadores o sistemas operativos admiten esta funcionalidad.