- Como faço para esconder a barra de rolagem e ainda rolar?
- Como faço para mostrar a barra de rolagem apenas quando necessário?
Como faço para esconder a barra de rolagem e ainda rolar?
Para torná-lo invisível sem impactar a rolagem, basta atingir o elemento corporal usando o seletor ::-webkit-scrollbar pseudo-seletor e definir a tela como nenhum . Como você pode ver abaixo, a barra de rolagem não é mais visível, mas a página ainda é rolável para o mouse e o teclado.
Como faço para mostrar a barra de rolagem apenas quando necessário?
Use Overflow: Auto . As barras de rolagem só aparecerão quando necessário. (Sidenote, você também pode especificar apenas para o X, ou Y ScrollBar: Overflow-X: Auto e Overflow-Y: Auto).