Bloquear el scroll con css
Publicado por Iván Gajate el 9 de noviembre de 2012 en Desarrollo Web, JavaScript | Los comentarios están cerrados.
A veces las CSS te dan alegrías como esta. Si queremos que no aparezca la barra de scroll en nuestra página es tan sencillo como crear un estilo con overflow:hidden:
.no_scroll{ overflow:hidden; } |
y asignarselo al body con jQuery:
$("body").addClass("no_scroll"); |
Luego para que vuelvan a aparecer:
$("body").removeClass("no_scroll"); |
Esto me ha resultado muy útil en una página con un lightbox que al estar visible, no quería que el fondo reaccionase a la rueda del ratón. Cuando muestro el lightbox bloqueo el scroll y cuando se cierra lo vuelvo a activar 🙂
