-
Cómo quitar las barras de desplazamiento
-
Las barras de desplazamiento son las barras horizontales y verticales de la derecha y la parte inferior de una página Web. Se agregan a veces dentro de secciones de una página Web. Puede eliminar las barras de desplazamiento para evitar el desplazamiento a través o por debajo de una página por completo. Como alternativa, puede quitar las barras de desplazamiento hasta que su contenido es demasiado grande para su área designada. La propiedad de desbordamiento en las hojas de estilo en cascada le permite manipular las barras de desplazamiento en una página Web. Puede ocultar las barras de desplazamiento de toda la página o una sección seleccionada y especificar dónde se retiran las barras de desplazamiento.
Instrucciones
La eliminación de la barra de desplazamiento de toda la página Web
1 Iniciar un editor de texto, como el Bloc de notas, TextPad o WordPad. Seleccione "Archivo" y "Abrir" en el menú. Se abre un cuadro de diálogo. Haga doble clic en el archivo HTML que contiene las barras de desplazamiento que desee ocultar.
2 Agregue el siguiente código entre las etiquetas <head> de la página para ocultar las barras de desplazamiento completo, incluso cuando su contenido es demasiado grande:
<Style type = "text / css">
<! -
body {overflow: hidden; }
html {overflow: hidden; }
->
</ Style>
3 Agregue el siguiente código entre las etiquetas <head> de la página para ocultar las barras de desplazamiento, pero revelarlas cuando su contenido es demasiado grande.
<Style type = "text / css">
<! -
body {overflow: auto; }
html {overflow: auto; }
->
</ Style>
4 Reemplazar "desbordamiento"; con "desbordamiento-x;" sólo a eliminar las barras de desplazamiento horizontal o con el "desbordamiento-y" sólo a eliminar las barras de desplazamiento verticales.
La eliminación de la barra de desplazamiento de una sección
5 Abra el archivo HTML que desea modificar.
6 Inserte el siguiente código entre las etiquetas <head> de la página para ocultar las barras de desplazamiento completo, incluso cuando su contenido es demasiado grande:
<Style type = "text / css">
<! -
.noscrollbar {overflow: hidden; }
->
</ Style>
7 Inserte el siguiente código entre las etiquetas <head> de la página para ocultar las barras de desplazamiento, pero revelarlas cuando su contenido se hace demasiado grande:
<Style type = "text / css">
<! -
.noscrollbar {overflow: auto; }
->
</ Style>
8 Reemplazar "desbordamiento"; con "desbordamiento-x;" sólo a eliminar las barras de desplazamiento horizontal o con el "desbordamiento-y" sólo a eliminar las barras de desplazamiento verticales.
9 Añadir 'class = "noscrollbar"' dentro del DIV o contenedor en el que la barra de desplazamiento aparece actualmente como sigue:
<Div class = "noscrollbar"> Su contenido va aquí. </ Div>
