Como ocultar a barra horizontal/vertical (scroll) com CSS

O Jeison Frasson escreveu (ou copiou) isso no dia 12/08/2010, e alterou 14/09/2016 Voltar
css

Uma das técnicas interessantes de css é o fato de você conseguir ocultar alguma coisa dentro de uma div menor... mas como fazer isso já que o conteudo aumenta o tamanho de seu container?

Se você pensar que uma div conteiner tem 200px de altura e o conteudo dela tem 500px por exemplo com a especificação overlow você consegue travar o tamanho 200px e fazer que ela ganhe uma barra de rolagem, até ai tudo bem...

Só que uma coisa intereçante é que da para você controlar as barras individualmente onde:

Para controlar a barra Horizontal, nesse caso estou ocultando ela

body {
    overflow-x: hidden;
    }

Ocultar barra vertical

body {
    overflow-Y: hidden;
    }

Esse recurso é muito intereçante quando se pensa em trabalhar com animações utilizando jquery, uma má pratica desta técnica é utiliza-la para ocultar a barra horizontal do body, se a barra existe e está aparecendo é porque algo está errado com seu script não tente tampar o sol com a peneira, encontre o problema!

Abraços   

Comentar

Quase todos direitos reservados a Newsmade
Como ocultar a barra horizontal/vertical (scroll) com CSS | Newsmade