¿Como ocultar el scrollbar?

Question

Quisiera quitar mi scrollbar de la vista del usuario, como actualmente no se a que se debe que cuando se marca un error un recuadro aprece arriba de mi formulario y por ende desplaza unos pixeles a mi formulario y ese en este movimiento en donde el scrollbar horizontal en la parte inferior de mi formulario aparece, me gustaría saber si hay una forma de ocultar el scrollbar, para que este ya no se vea.

Imagen de ejemplo:

user2930137 · Accepted Answer

Lo puedes hacer con CSS con overflow: hidden;

Facundo Lavin · Answer

Para quitar el scroll vertical pon este código en tu fichero style.css
No necesitarás JavaScript. Pruébenlo:

html,body{
  overflow-x: hidden;
  color:black;
  font-family:'Opens Sans',helvetica;  
  height:100%;
  width:101%;
  margin: 0px;
  padding: 0px;
}

Hector Lara · Answer

Puedes usar el atributo overflow: hidden; para ocultar la barra de desplazamiento horizontal y vertical.

Si deseas solamente ocultar tu barra de desplazamiento horizontal, puedes utilizar el atributo overflow-x: hidden; o para el caso vertical overflow-y: hidden;.

lromeraj · Answer

Es cierto que con overflow: hidden; se puede resolver, pero creo que no es el método correcto, ya que de este modo estás inhabilitando el scroll dentro de ese

pero en tu caso da igual ya que no es necesario hacer scroll, pero... ¿que ocurriría si añades más contenido y necesitas hacer scroll y al mismo tiempo ocultar la barra de desplazamiento? Con el siguiente estilo CSS lo resuelves: ::-webkit-scrollbar { display: none; } Esto ocultará todas las barras de desplazamiento, pero luego si quieres puedes aplicar ese estilo a tan solo un elemento con una id o una clase. Espero que te sirva de ayuda

¿Como ocultar el scrollbar?

4 Answers

Add your own answers!

Ask a Question