Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como ocultar a barra de rolagem com JavaScript
navegadores da Web reagem de forma diferente para diferentes configurações do navegador por causa da maneira especificações do navegador foram interpretado ou aplicado . Você pode ocultar as barras de rolagem usando JavaScript, mas existem diferentes configurações para mudar com base em se o navegador do usuário é o Internet Explorer ou outra coisa que não o IE. Para o IE , você pode ocultar as barras de rolagem , alterando o atributo " rolagem " do corpo do documento . Em outros navegadores , você esconder as barras de rolagem , alterando o " estouro " atributo de estilo . Instruções
1

Crie um novo arquivo HTML usando um editor ou o Bloco de Notas. Digite um esqueleto HTML para o arquivo. Por exemplo, digite :

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




Esconder Página 2 <p> Crie uma função JavaScript e inseri-lo entre as tags "cabeça" no documento HTML. Defina o estilo de estouro de documento atribui ao "oculto" para navegadores não- IE e definir o atributo de rolagem do corpo do documento para "não" para o Microsoft Internet Explorer. Por exemplo, digite : <br> <p> <script type="text/javascript"> <br> <p> hideScrollBars function () { <br> <p> document.documentElement.style.overflowX = " escondido "; <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> Crie um formulário com um botão que vai esconder as barras de rolagem . Quando um usuário clica no botão, chamar a função JavaScript que oculta as barras de rolagem . Por exemplo, digite : <br> <p> <body> <br> <p> <form name="myForm"> < input type = "button " name = valor " botão " = "Ocultar" onclick = " hideScrollBars ( ) " /> </form > <br> <p> </body > <br> <p> </html> <br> < br > <div class=ptad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </div> <div class=ptnrx></div> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='http://ptcomputador.com/P/javascript-programming/91019.html' >Como enviar uma função JavaScript em um Hyperlink </a> </p></td> </tr> <tr> <td width="49%"> Próximo : No</li></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <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"> Os artigos 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="http://ptcomputador.com/P/javascript-programming/90987.html" title="Como mover uma imagem de X & Y em JavaScript " target="_self">Como mover uma imagem de X & Y em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90971.html" title="Como criar um Border piscando em DIV " target="_self">Como criar um Border piscando em DIV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90829.html" title="Como exibir Aleatórias Javascript Snippets " target="_self">Como exibir Aleatórias Javascript Snippets </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/91010.html" title="Como link Arquivos JS externo " target="_self">Como link Arquivos JS externo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90924.html" title="Definição de variável existe no JavaScript " target="_self">Definição de variável existe no JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/91018.html" title="Como acessar Elemento atributos com JavaScript " target="_self">Como acessar Elemento atributos com JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90859.html" title="Como ler um objeto em jQuery " target="_self">Como ler um objeto em jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90969.html" title="Como ocultar vários elementos em Javascript " target="_self">Como ocultar vários elementos em Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90775.html" title="Como usar o JW Player com MP4 " target="_self">Como usar o JW Player com MP4 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90816.html" title="Como usar o JQuery para Inserir uma Âncora " target="_self">Como usar o JQuery para Inserir uma Âncora </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">Artigos em destaque </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="http://ptcomputador.com/P/computer-programming-languages/87595.html" title="Como aprender Fortran em um Mac " target="_self">Como aprender Fortran em um Mac </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85309.html" title="Exibindo uma Imagem Box PGM em C + + " target="_self">Exibindo uma Imagem Box PGM em C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85607.html" title="Como ler Hex Número C + + " target="_self">Como ler Hex Número C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85755.html" title="Como colocar números inteiros em ordem ascendente usando C + + " target="_self">Como colocar números inteiros em ordem ascendente usan…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/89511.html" title="Como fazer exame de entrada em Java Usando um Scanner " target="_self">Como fazer exame de entrada em Java Usando um Scanner </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85807.html" title="Como converter radianos em graus em Linguagem C + + em Trigonometria " target="_self">Como converter radianos em graus em Linguagem C + + em …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87924.html" title="Como converter um PLC- 5 e ControlLogix " target="_self">Como converter um PLC- 5 e ControlLogix </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/90145.html" title="Como importar Mapas Em Java " target="_self">Como importar Mapas Em Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88524.html" title="Como configurar o DMZ no SonicWALL " target="_self">Como configurar o DMZ no SonicWALL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88042.html" title="Como construir Browser Games " target="_self">Como construir Browser Games </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <div class="ptbottom bs"> Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados <script language='javascript' src='/ad/201310/1.js'></script> </div> </div> </body> </html>