| Casa | Hardware | Redes | Programación | software | Criticar | Sistemas |   
Programación  
  • C /C + + Programming

  • Lenguajes De Programación

  • Delphi Programación

  • Programación Java

  • JavaScript Programación

  • Programación PHP /MySQL

  • Perl Programming

  • Python Programming

  • Rubí Programación

  • Visual Basics Programación
  •  
    Conocimientos Informáticos >> Programación >> JavaScript Programación >> Content
    Cómo ocultar una barra de desplazamiento con javascript
    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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous : <a class='LinkPrevArticle' href='/Programacion/javascript-programming/91019.html' >Cómo enviar una función JavaScript en un hipervínculo </a></li></p></td> </tr> <tr> <td width="49%"> next : <a class='LinkNextArticle' href='/Programacion/javascript-programming/91021.html' >Cómo desplazarse hacia abajo en JavaScript </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Artículos relacionados </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91143.html" title="Cómo hacer tinta reciclado " target="_self">Cómo hacer tinta reciclado </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91085.html" title="Información sobre la programación del Palm OS " target="_self">Información sobre la programación del Palm OS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91205.html" title="Instrucciones de Cómo activar JavaScript " target="_self">Instrucciones de Cómo activar JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90774.html" title="Funciones de devolución de llamada de JavaScript : isFunction " target="_self">Funciones de devolución de llamada de JavaScript : isF…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91141.html" title="Cómo prevenir Copy & Paste " target="_self">Cómo prevenir Copy & Paste </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90787.html" title="Cómo hacer un JavaScript Compras " target="_self">Cómo hacer un JavaScript Compras </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90778.html" title="¿Qué dice la ' A ' Symbol media en Javascript " target="_self">¿Qué dice la ' A ' Symbol media en Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91040.html" title="Cómo crear texto HTML Desde Javascript Variable " target="_self">Cómo crear texto HTML Desde Javascript Variable </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91050.html" title="Cómo comprobar el tipo de explorador de JavaScript " target="_self">Cómo comprobar el tipo de explorador de JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91233.html" title="Cómo hacer una celda de tabla con enlace " target="_self">Cómo hacer una celda de tabla con enlace </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Artículos destacados </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94439.html" title="Cómo usar LAME en Visual Basic " target="_self">Cómo usar LAME en Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91214.html" title="Cómo cambiar una imagen de fondo con CSS JavaScript " target="_self">Cómo cambiar una imagen de fondo con CSS JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88054.html" title="Cómo crear un paquete de instalador iPhone " target="_self">Cómo crear un paquete de instalador iPhone </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86527.html" title="Cómo instalar CORBA IDL en NetBeans " target="_self">Cómo instalar CORBA IDL en NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94400.html" title="Cómo alinear un cuadro de texto en el Basic NET Z -Index Visual " target="_self">Cómo alinear un cuadro de texto en el Basic NET Z -Ind…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95483.html" title="Fundamentos de Visual Basic 6 " target="_self">Fundamentos de Visual Basic 6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88872.html" title="Cómo crear un Rollover Image Uso de la programación HTML " target="_self">Cómo crear un Rollover Image Uso de la programación H…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87279.html" title="Cómo dar formato a la cuadrícula de datos que no tiene Filas " target="_self">Cómo dar formato a la cuadrícula de datos que no tien…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92121.html" title="Cómo realizar consultas MySQL contenido Largo " target="_self">Cómo realizar consultas MySQL contenido Largo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91754.html" title="PHP Funciones auxiliares " target="_self">PHP Funciones auxiliares </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>