Block scroll when Lightbox appears

Question

I use DOM window script for Lightboxes on my website. Is there any way to block scroll on main page when Lightbox appears and unblock when it disappears?

Or, maybe, you can advice better Lightbox script?

Thanks.

Answer 1

User this to disable or enable window scrollbar :

document.body.style.overflow="hidden";

on show your lightbox and

document.body.style.overflow="visible";

on hiding your lightbox.

but if your are really looking for a better lightbox library you can try this jQuery plugin :

jQuery Lightbox Plugin