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. Permite al usuario mover la región visible de un área de la pantalla sin tocar 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 forzar la visualización de una barra de desplazamiento o pueden forzar la ocultación de una. Dentro de una página web, una barra de desplazamiento HTML puede ser una solución de formato definida en caso de un desbordamiento de contenido, o puede ser una propiedad que se puede establecer en los marcos que se muestran dentro de la ventana principal. Es importante tener en cuenta que una barra de desplazamiento HTML que aparece dentro de un documento HTML renderizado es diferente del elemento de barra de desplazamiento de la interfaz gráfica de usuario (GUI) del sistema operativo que es 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 la apariencia general del elemento GUI predeterminado de la barra de desplazamiento del sistema. Por lo general, es una barra vertical u horizontal que tiene flechas colocadas en cada extremo. La barra, que también se llama pista, tiene un cuadro en la parte superior que representa el área que se ve 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 mostrada 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 que se produzca un desbordamiento, lo que significa que el texto, las imágenes y otros elementos no pueden mostrarse 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 el 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 una parte de una imagen o un bloque de texto, las áreas no visibles simplemente no se mostrarán y no será evidente ninguna indicación de que existen.
Mediante el uso de CSS, una barra de desplazamiento HTML puede personalizar su apariencia. Por lo general, esto significa cambiar la secuencia de colores que se utilizan para dibujar la barra, sus luces y sus sombras. Con el uso de lenguajes de secuencias de comandos y algunos códigos 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.