“Conocimientos Programación>JavaScript Programación

Cómo ocultar una barra de desplazamiento con javascript

2011/12/1
navegadores reaccionan de manera diferente a los diferentes ajustes del navegador por la forma en las especificaciones del navegador se han interpretado o aplicado . Puede ocultar las barras de desplazamiento utilizando JavaScript , pero hay diferentes opciones para cambiar en función de si el navegador del usuario es Internet Explorer o algo que no sea IE . Para IE , puede ocultar las barras de desplazamiento , cambiando el atributo " desplazamiento " del cuerpo del documento. En otros navegadores , se oculta barras de desplazamiento cambiando el atributo de estilo "desbordamiento " . Instrucciones
1

Crear un nuevo archivo HTML utilizando un editor o el Bloc de notas. Introduzca un esqueleto HTML para el archivo. ! Por ejemplo , escriba:

< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">



< p >

Ocultar Página 2 <p> Crear una función de JavaScript e insertarlo entre las etiquetas "cabeza" en el documento HTML. Establezca los atributos de estilo de desbordamiento del documento a "oculto " para los navegadores que no son IE y establezca el atributo de desplazamiento del cuerpo del documento que "no" para Microsoft Internet Explorer. Por ejemplo , escriba: <br> <p> <script type="text/javascript"> <br> hideScrollBars <p> función () { <br> <p> document.documentElement.style.overflowX = "hidden " ; <br> <p> document.documentElement.style.overflowY = " hidden " ; <br> <p> document.body.scroll =" no " ; //Internet Explorer <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> 3 <p> Crear un formulario con un botón que ocultar las barras de desplazamiento. Cuando un usuario hace clic en el botón , llamar a la función de JavaScript que oculta las barras de desplazamiento . Por ejemplo , escriba: <br> <p> <body> <br> <p> <form name="myForm"> < input type = nombre de " botón" = valor " botón" = " Ocultar" onclick = " hideScrollBars () " /> < /form> <br> <p> < /body> <br> <p> < /html> <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-enviar-una-función-JavaScript-en-un-hipervínculo-.html' >Cómo enviar una función JavaScript en un hipervínculo </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-desplazarse-hacia-abajo-en-JavaScript-.html' >Cómo desplazarse hacia abajo en JavaScript </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-el-color-de-fondo-HTML-Con-un-sistema-en-Javascript-.html">Cómo cambiar el color de fondo HTML Con un sistema en Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-controlar-los-márgenes-en-un-JavaScript-.html">Cómo controlar los márgenes en un JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-actualizar-DIV-.html">Cómo actualizar DIV </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-deshabilitar-JavaScript-durante-el-uso-de-selenio-.html">Cómo deshabilitar JavaScript durante el uso de selenio </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-ejecutar-código-JavaScript-en-una-página-Web-.html">Cómo ejecutar código JavaScript en una página Web </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-calcular-la-matriz-de-longitud-en-Javascript-.html">Cómo calcular la matriz de longitud en Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Qué-Javascript-Void-no-puede-abrir-Mean-.html">¿Qué Javascript Void no puede abrir Mean </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-una-imagen-de-fondo-en-Rollover-.html">Cómo cambiar una imagen de fondo en Rollover </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-jabón-piedras-preciosas-.html" >Cómo hacer jabón piedras preciosas </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-pasar-Javascript-Variable-de-Coldfusion-.html" >Cómo pasar Javascript Variable de Coldfusion </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-XLS-con-JavaScript-.html" >Cómo crear XLS con JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-insertar-jQuery-.html" >Cómo insertar jQuery </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-dos-números-con-JavaScript-.html" >Cómo agregar dos números con JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-calcular-la-matriz-de-longitud-en-Javascript-.html" >Cómo calcular la matriz de longitud en Javascript </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-expresiones-regulares-con-JavaScript-.html" >Cómo utilizar expresiones regulares con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-matar-Browser-Descargas-Con-Javascript-.html" >Cómo matar Browser Descargas Con Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/5-Usos-de-JavaScript-.html" >5 Usos de JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Tutorial-Paso-a-Paso-para-UML-Eclipse-.html" >Tutorial Paso a Paso para UML Eclipse </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-escribir-una-función-de-JavaScript-que-calcula-un-Taxi-Fare-.html" >Cómo escribir una función de JavaScript que calcula un Taxi Fare </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-deshabilitar-la-selección-de-texto-HTML-.html" >Cómo deshabilitar la selección de texto HTML </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>