Stack Overflow en español Asked on January 12, 2021
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:
Lo puedes hacer con CSS con overflow: hidden;
Correct answer by user2930137 on January 12, 2021
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;
}
Answered by Facundo Lavin on January 12, 2021
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;
.
Answered by Hector Lara on January 12, 2021
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 <div>
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
Answered by lromeraj on January 12, 2021
Get help from others!
Recent Questions
Recent Answers
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP