Как дать блоку класс при скролле вверх?

Question

[pashabomber]

Добрый день!

На сайте есть меню. По умолчанию ему задано position:relative. Есть задача при любом скролле вверх ему задавать класс, в котором будет прописано position:fixed. Грубо говоря, мы прокручиваем сайт вниз, но как только колесом мышки хоть немного поднимаемся наверх, шапке добавляется класс и она становится position:fixed в самом верху страницы.

Заранее спасибо!

Answer 1

[StayBrutal]

stackoverflow.com/questions/4326845/how-can-i-dete...

Comments

[pashabomber]

спасибо!

Answer 2

[tonybeat]

покажу на фоне меню :

var $menu = $("#menu");
    $(window).scroll(function(){
        if ( $(this).scrollTop() > 100 && $menu.hasClass("navbar") ){
            $menu.removeClass("navbar").addClass("fixed-menu");
        } else if($(this).scrollTop() <= 100 && $menu.hasClass("fixed-menu")) {
            $menu.removeClass("fixed-menu").addClass("navbar");
        }
    });