Cómo ocultar una barra de desplazamiento con JavaScript
Navegadores web reaccionan diferentemente a otro navegador ajustes debido a las especificaciones del navegador de forma se han interpretado o aplicado. Puede ocultar las barras de desplazamiento mediante JavaScript, pero hay diversos ajustes al cambio basado en el navegador del usuario que sea Internet Explorer o algo que no sea IE. Para IE, puede ocultar barras de desplazamiento al cambiar el atributo de "scroll" del cuerpo del documento. En otros navegadores, ocultan barras de desplazamiento cambiando el atributo de estilo "desbordamiento".
Instrucciones
1 Crear un nuevo archivo HTML con un editor o el Bloc de notas. Escriba a un esqueleto HTML para el archivo. Por ejemplo, escriba:
<! Html DOCTYPE público "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8 "/ >
< title > Ocultar barras de desplazamiento < / title >
< /HEAD >
< cuerpo >
< /body >
< / html >
2 Crear una función JavaScript e insertar entre las etiquetas "head" en el documento HTML. Definir el documento estilo desbordamiento atributos a "ocultas" para el atributo de desplazamiento del documento del cuerpo al "no" para Microsoft Internet Explorer y navegadores no-IE. Por ejemplo, escriba:
< script tipo = "texto/javascript" >
función hideScrollBars() {}
document.documentElement.style.overflowX = "hidden";
document.documentElement.style.overflowY = "hidden";
document.body.scroll = "no"; // Internet Explorer
}
< /script >
< /HEAD >
3 Crear un formulario con un botón que se oculta las barras de desplazamiento. Cuando un usuario hace clic en el botón, llamar a la función JavaScript que oculta las barras de desplazamiento. Por ejemplo, escriba:
< cuerpo >
< nombre del formulario = "myForm" >< tipo de entrada = "botón" nombre = "button" value = "Ocultar" onclick="hideScrollBars()" / >< / form >
< /body >
< / html >
Artículos relacionados
- Cómo ocultar una barra de desplazamiento Horizontal en MySpace
- Cómo habilitar y deshabilitar las barras de desplazamiento con JavaScript
- Cómo ocultar las barras de desplazamiento con rebosadero en CSS
- Cómo ocultar la barra de desplazamiento Vertical en HTML
- Cómo ocultar la barra de desplazamiento y aún desplazarse
- Cómo agregar una barra de desplazamiento en una tabla
- Cómo hacer una barra de desplazamiento expandirse en anchura con CSS
- Cómo hacer una barra de desplazamiento en una tabla con HTML
- Cómo agregar una barra de desplazamiento fijo a un sitio web con CSS