После появления лайтбокса перестаёт работать фиксация блока при скроле. В чём может быть ошибка?

Добрый день!
Есть на странице блок меню, который при скроле фиксируется добавлением класса с position:fixed.
При скроле в обратную сторону - класс убирается и меню попадает на своё место в DOM дереве
Проблема следующая: при щелчке на картинке появляется лайтбокс с картинкой в большом разрешении. После закрытия лайтбокса - скрол перестаёт работать. Почему так происходит? Как поправить?
Код скрола привожу

var heightOne = $('#one').height();

    $(window).scroll(function(){

    console.log('Высота первой секции ' + heightOne);

        if($(this).scrollTop()>heightOne){
            $('#navigation').addClass('fixed');
            $('#two').css("padding-top" , '200px');
        }
        else if ($(this).scrollTop()<heightOne){
            $('#navigation').removeClass('fixed');
            $('#two').css("padding-top" , "0");
        }
    });