Как после перезагрузки страницы, прилипающее меню не исчезало?

Question

[Mesuti]

Привет!
Есть меню, которое показывается и исчезает при скроле.
Сделано на jQuery

Код

$(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.sticky').removeClass('hidden');
        } else {
            $('.sticky').addClass('hidden');
        }
    });

НО проблема в том, что при перезагрузке это меню пропадает до первого скрола.
Как сделать отображение меню при загрузке страницы, если положение ниже нужного уровня?

Answer 1

[Владимир Проскурин]

Вызывайте это событие сами при загрузке страницы.

$(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.sticky').removeClass('hidden');
        } else {
            $('.sticky').addClass('hidden');
        }
    }).scroll();

если так не получится, то в другом месте вот так напишите

$(function() {
   $(window).scroll();
});

Comments

[Владимир Проскурин]

Александр Сорокин, просто добавьте .scroll(); или напишите вот так

$(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.sticky').removeClass('hidden');
        } else {
            $('.sticky').addClass('hidden');
        }
    });
$(function() {
   $(window).scroll();
});

[Mesuti]

Владимир Проскурин, спасибо за совет!