Como desabilitar a barra de rolagem usando Javascript

Escrito por jim campbell | Traduzido por marlon campos
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

A linguagem JavaScript (JS) permite que você controle os estilos associados às suas páginas HTML. Para travar a barra de rolagem em JavaScript, usa-se a propriedade "overflow" do CSS. Quando definir essa propriedade para o valor "hidden" (escondido), a barra de rolagem será desabilitada e qualquer informação adicional ficará escondida do usuário. Contudo, mesmo que os dados estejam ocultos, eles permanecem disponíveis no código do navegador.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Clique com o botão direito do mouse no arquivo HTML que você deseja editar. Clique em "Abrir com", depois selecione seu editor HTML para páginas da web.

  2. 2

    Localize o DIV ou outro editor de HTML que contenha uma barra de rolagem. Normalmente, as tags DIV ou IFRAME contêm barras de rolagem de dados que se estendem além do comprimento ou largura de visualização da tag. Tome nota do valor dos elementos na propriedade ID. Você precisa do ID para a função JavaScript.

  3. 3

    Adicione a propriedade de estilo "overflow" ao elemento usando o JavaScript. Adicione a seguinte função JS para bloquear a barra de rolagem:

    function lockscroll() { document.getElementById("thediv").style.overflow = "hidden"; }

    Substituir "thediv" com o ID DIV anotado no Passo 2.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível