Como ocultar a barra de rolagem horizontal com CSS

Vira e mexe eu preciso ocultar a barra de rolagem (scroll) horizontal e sempre esqueço como! E é tão simples que resolvi compartilhar!

Para ocultar a barra de rolagem horizontal que muitas vezes atrapalha o layout do seu site, basta definir o CSS da seguinte maneira:

body { overflow-x: hidden; }

Simples e fácil, e caso você queira ocultar a barra vertical, basta trocar o “x” pelo “y” e caso você queira ocultar as duas, basta tirar a letra e deixar apenas “overflow”.

Um comentário sobre “Como ocultar a barra de rolagem horizontal com CSS

  1. Solução demasiado conhecida, mas que impede a visualização do resto da página. Alguns truques ainda se podem juntar com algum sucesso, mas não compatíveis com todos os navegadores.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s