ubiquitour.com

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 >