Como tirar uma barra de rolagem vertical

Escrito por foye robinson | Traduzido por camila rodrigues
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

Barras de rolagem são exibidas automaticamente em páginas da web. A barra da direita de sua página é a vertical, enquanto a outra no fundo é a horizontal. A propriedade overflow do CSS permite ocultar ou revelar o conteúdo. O eixo y da propriedade overflow é utilizado especificamente para áreas verticais. Você pode se livrar da barra de rolagem vertical totalmente ou permitir que ela exiba o conteúdo da página apenas quando ele transbordar na tela. Quando você remove ela por completo, os usuários não poderão ver o conteúdo se ele estiver além dos limites da tela.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

O que você precisa?

  • Editor de texto

Lista completaMinimizar

Instruções

  1. 1

    Abra o arquivo HTML que você deseja modificar em um editor de texto, como o Bloco de Notas, TextPad ou EditPad.

  2. 2

    Insira o seguinte código entre a abertura e fechamento das tags HEAD do seu arquivo HTML. Ele oculta a barra de rolagem vertical completamente.

    <style type="text/CSS"> <!-- HTML { overflow-y: hidden; } --> </style>

  3. 3

    Substitua o "hidden" pelo "auto" para ocultar a barra de rolagem vertical somente quando o seu conteúdo se encaixa dentro da tela, como segue:

    <style type="text/CSS"> <!-- HTML { overflow-y: auto; } --> </style>

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