Как скрыть элемент на странице при прокрутке страницы вверх с помощью jQuery Waypoints?

#jquery

Осваиваю плагин jQuert Waypoints.Имеется код: 



    

        

            

            

        
    





    $('.wrapper')
    .waypoint(function(dir){            
        $('.fixed-menu').css('display','block');
    }, {offset: '45%'});


Всё работает как нужно - элемент появляется, когда докручиваешь до блока wrapper.
Но как сделать так, чтобы он исчезал при прокрутке вверх?

Знаю что нужно использовать отрицательный offset и проверку if(dir == "top"){}, но
никакое шаманство с этими свойствами не срабатывает.
    

Ответы

Ответ 1

Вполне себе работает манипуляция с direction (в работе: jsfiddle) 

$('.wrapper')
    .waypoint(function(dir){ 
    if (dir=='down')  {
        $('.fixed-menu').show();
    }else {
         $('.fixed-menu').hide();   
    }
 }, {offset: '45%'});