Las barras de desplazamiento son barras verticales y horizontales a la derecha (cuando se escribe de izquierda a derecha) y los bordes inferiores de una ventana o un área separada dentro de una ventana, diseñadas para mover contenido vertical u horizontalmente. Las páginas web utilizan elementos de hojas de estilo en cascada (CSS) incrustados en HTML para controlar su apariencia y comportamiento.
Instrucciones
Paso 1
Use una etiqueta div si desea que la barra de desplazamiento no abarque toda la página, sino solo un área limitada de la misma. En HTML (lenguaje de marcado de hipertexto), las "etiquetas" se refieren a comandos individuales para que un navegador muestre un elemento de página en particular. En su forma más simple, una etiqueta div (a menudo denominada "capa") se escribe así:
Este es el texto dentro de la capa.
Aquí está la etiqueta de apertura y la etiqueta de cierre. Todo lo que se coloca entre las etiquetas de apertura y cierre está en la capa como en el contenedor y este contenedor se puede dimensionar: ancho y alto. Esto se hace usando un estilo de parámetro adicional ("atributo"), que debe agregarse a la etiqueta de apertura:
Este es el texto dentro de la capa.
Paso 2
Incluya también en el atributo de estilo de la etiqueta div y las reglas para las barras de desplazamiento de la capa:
Este es el texto dentro de la capa.
Aquí overflow: auto significa que las barras de desplazamiento aparecerán automáticamente, es decir, cuando el contenido de la capa no se ajuste a las dimensiones especificadas. Si se reemplaza auto por scroll, estas rayas siempre estarán presentes, independientemente de si son necesarias o no. Un valor oculto tendrá el efecto contrario: el desplazamiento nunca aparecerá, incluso si el contenido de este contenedor no es visible más allá de sus bordes.
Paso 3
Utilice un método similar para agregar barras de desplazamiento a la página como un todo. De forma predeterminada, aparecen según sea necesario, pero si por alguna razón existe la necesidad de su presencia constante en la página, entonces se debe agregar la regla de estilo correspondiente al código fuente html. Busque la etiqueta de cierre del encabezado del documento en el código de la página y escriba estas instrucciones de estilo delante de ella:
body {overflow: scroll;}
