Como ativar e desativar barras de rolagem com JavaScript

Programação

C /C + + programação

Programação De Computador Idiomas

Programação Delphi

Programação em Java

JavaScript Programação

Programação PHP /MySQL

Programação Perl

Programação Python

Programming Ruby

Programação Visual Basics

* Conhecimento computador >> Programação >> JavaScript Programação >>

Como ativar e desativar barras de rolagem com JavaScript

barras de rolagem em uma página da Web pode permitir-lhe poupar espaço na tela , permitindo que os seus leitores para se deslocar dentro de um

ou elemento semelhante . Às vezes, porém , essas barras de rolagem pode ser feio em vez de útil . Para dar aos seus leitores a escolha , adicionar um botão que alterna entre ativar e desativar as barras de rolagem com um clique. Instruções
1

Abra a página da Web em um editor de HTML ou um editor de texto como o Bloco de Notas (Microsoft Windows) , Editor de Texto (Apple OSX) ou pico ( sistemas * nix ) .
2

Localize o cabeçalho do documento , que começa com a tag " " e termina com um fechamento " " tag. Na linha após a tag " " , adicionar uma função JavaScript simples para ativar e desativar as barras de rolagem :

Localize o elemento (como um "

" ou um "

" forma ) e anote o seu " id, " definido pelo atributo " id = " na marca . Se o elemento não possui um ID já , adicione um, certificando-se de que ele é único e não compartilhada por todos os outros elementos da página . <br> 4 <p> Adicione uma nova linha após tag de fechamento do elemento com um div referenciando a função " toggleScrollbar ()" em um "onclick =" atributo : <br> <p> <div onclick="toggleScrollbar('container')" style="border: 1px #000000;"> sólida ,. Alternar barras de rolagem </div > <br> <p> Mudança 'container ' para o id do elemento com as barras de rolagem que você quer esconder <br> 5 <p> Salve e feche o documento HTML antes de abri-lo em um navegador web. Clique em " Alternar barras de rolagem " para confirmar que a barra de rolagem está sendo escondido e mostrado com precisão . <br> <br>
               <div class=ptad2><script language='javascript' src='/ad/201310/4.js'></script></div>
             </div>
        </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/90969.html' >Como ocultar vários elementos em Javascript </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/90857.html" title="A Função Back in HTML Codificação " target="_self">A Função Back in HTML Codificação </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90776.html" title="Por que meu Javascript Mostrar Proibido " target="_self">Por que meu Javascript Mostrar Proibido </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90962.html" title="Como editar Cordas & Substrings em JavaScript " target="_self">Como editar Cordas & Substrings em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90934.html" title="Como remover iFrame Scrollbars em JavaScript " target="_self">Como remover iFrame Scrollbars em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90778.html" title="O que o Arroba média em Javascript " target="_self">O que o Arroba média em Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90909.html" title="Como remover Minus e Plus Personagens em Javascript " target="_self">Como remover Minus e Plus Personagens em Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90800.html" title="Como fazer vários marcadores com Maps API " target="_self">Como fazer vários marcadores com Maps API </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90940.html" title="Como girar Texto de Licenciatura em JavaScript " target="_self">Como girar Texto de Licenciatura em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90814.html" title="HTML Opções onload " target="_self">HTML Opções onload </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90824.html" title="Como Fazer um Google Map Overlay " target="_self">Como Fazer um Google Map Overlay </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/cc-programming/85959.html" title="Como programar jogos em C + + " target="_self">Como programar jogos em C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85948.html" title="Como fazer um SWF a partir de C + + " target="_self">Como fazer um SWF a partir de C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87442.html" title="Como exibir uma lista Valores em um DataGrid " target="_self">Como exibir uma lista Valores em um DataGrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88245.html" title="O que são Programa de fluxogramas " target="_self">O que são Programa de fluxogramas </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/89383.html" title="Vários destinos em Projetos do NetBeans " target="_self">Vários destinos em Projetos do NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/89271.html" title="Como saída Variáveis para Cordas XML em Android " target="_self">Como saída Variáveis para Cordas XML em Android </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87485.html" title="Usos de Logaritmos em Computadores " target="_self">Usos de Logaritmos em Computadores </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85706.html" title="Como link Arquivos OBJ em Turbo C + + " target="_self">Como link Arquivos OBJ em Turbo C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/90190.html" title="Como criar uma exceção personalizada em Java " target="_self">Como criar uma exceção personalizada 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/87894.html" title="Como Acessar Colunas DataSet " target="_self">Como Acessar Colunas DataSet </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>