Another solution to hide scroll bars

[ghost]

To hide scroll bars current solution is
document.body.style.overflow = 'hidden';
But in this case in some browsers (firefox & chrome) the page content rebuilding to refill all window width.

I've been hid scroll bars with this code:

/* for html tag */
document.documentElement.style.overflowY = 'hidden'; 
/* for body tag */
document.body.style.overflowY = 'scroll';

in context:

function showOverlay(chosenImageIndex) {
    /*if(options.noScrollbars)
        document.body.style.overflow = 'hidden';*/
    if(overlay.style.display === 'block') {
        return;
    }
    bind(document, 'keydown', keyDownHandler);
    currentIndex = chosenImageIndex;
    loadImage(currentIndex, function() {
        preloadNext(currentIndex);
        preloadPrev(currentIndex);
    });     

    updateOffset();
    overlay.style.display = 'block';
    if(options.fullScreen)
        enterFullScreen();
    // Fade in overlay
    setTimeout(function() {
        overlay.className = 'visible';
        if(options.afterShow)
            options.afterShow();
        /*kir*/document.documentElement.style.overflowY = 'hidden';
        /*kir*/document.body.style.overflowY = 'scroll';
    }, 50);
    if(options.onChange)
        options.onChange(currentIndex, imagesElements.length);
}

function hideOverlay() {
    /*if(options.noScrollbars)
        document.body.style.overflow = 'auto';*/
    if(overlay.style.display === 'none') {
        return;
    }

    unbind(document, 'keydown', keyDownHandler);
    // Fade out and hide the overlay
    overlay.className = '';
    setTimeout(function() {
        overlay.style.display = 'none';
        exitFullscreen();
        /*kir*/document.documentElement.style.overflowY = 'auto';
        /*kir*/document.body.style.overflowY = 'auto';
        if(options.afterHide)
            options.afterHide();
    }, 500);
}

Live demo on http://kirillaristov.com/en/my-routes/as-the-first-settlers/photos/fav (any clickable image)

This is my first experience in github, sorry if something is wrong.

(Marek, thank you for your project! This is very cool lightbox!)

[feimosi]

Thanks for your suggestion! Have you tested that on other browsers?
Does it really affect performance?