Bloquear el scroll con css

Publicado por Iván Gajate el 9 de noviembre de 2012 en Desarrollo Web, JavaScript

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 🙂

 

Los comentarios están cerrados.