Прилипающее меню при скролле относительно элементу?

Question

[WildKayote]

Есть блок "header", в нем находится горизонтальное меню. На главной странице над блоком нет не каких других элементов, но внутри сайта размещаются блоки яндекс директа над "header". Нужно что-бы при скролле прилипало нав меню. Пытаюсь получить значение относительно документа, но, почему-то, не выходит

var windowTop = $('header').offset().top - $(window).scrollTop();

$(window).scroll(function(){

    if( $(window).width() >= '640' && windowTop <= '-194' ){
        $('header .menuBlock').css({position: 'fixed', top: '0px'});
    } else if ($(window).width() <= '640') {
        $('header .menuBlock').css({position: 'absolute'});
    } else {
        $('header').css({padding: '40px 0 0'});
        $('header .menuBlock').css({position: 'static'});
    }

});

Заранее благодарен за помощь

Answer 1

[WildKayote]

Проблема решилась. Значение переменной перенес в функцию и заработало. К сожалению, не понял с чем это связано

Comments

[menu_master]

Эта строка кода выполняется в то время, как ещё не построено DOM-дерево документа (если находится вне функции). Поэтому, её лучше занести в $('document').ready(...);

[WildKayote]

menu_master: Спасибо за ответ. Но проблема была очень банальна - я объявил переменную не в функции скролла. А брать значение вне этой функции и использовать в скролле - бессмысленно. Моя оплошность и невнимательность.
А полностью вся конструкция занесена в $('document').ready(...);