向下滚动时隐藏导航

我需要的是当用户向下滚动或停止时隐藏的导航菜单（除了在顶部，它应该是可见的），一旦用户开始向上滚动，菜单应该重新出现。向下滚动时隐藏导航

到目前为止：

HTML：

<div id="wrapper"> 

    <div id="header_nav"> 
     <ul> 
      <li>Punkt1</li> 
      <li>Punkt2</li> 
      <li>Punkt3</li> 
      <li>Punkt4</li> 
     </ul> 
    </div> 

</div>

CSS：

* { 
    padding:0px; 
    margin:0px; 
} 
#wrapper { 
    height:1200px; 
    width:960px; 
    background-color:#567; 
    margin:auto; 
} 
#header_nav { 
    position:fixed; 
    width:960px; 
    height:auto; 
    background-color:#678; 
}

JQUERY：

$(function(){ 
    $('#header_nav').data('size','big'); 
}); 

$(window).scroll(function(){ 
    if($('body').scrollTop() > 0) 
    { 
     if($('#header_nav').data('size') == 'big') 
     { 
      $('#header_nav').data('size','small'); 
      $('#header_nav').stop().animate({ 
       height:'40px' 
      },600); 
     } 
    } 
    else 
    { 
     if($('#header_nav').data('size') == 'small') 
     { 
      $('#header_nav').data('size','big'); 
      $('#header_nav').stop().animate({ 
       height:'100px' 
      },600); 
     } 
    } 
});

当我滚动什么都没有发生，我的导航只是一直保持相同的整个时间。当我向下滚动并暂停时，我希望它隐藏起来，但是一旦我开始向上滚动，我希望它淡入。但是我似乎无法使它工作，您能告诉我我做错了什么吗？

也做了这里提琴：http://jsfiddle.net/iBertel/GGRUL/

来源

2012-10-04 Bertel

当你说“我似乎无法得到它的工作”你是什么意思？目前的症状是什么？你卡在哪里？ – HaemEternal

当我滚动什么都没有发生，我的导航只是保持相同的整个时间...我想隐藏，当我向下滚动并暂停，但一旦我开始向上滚动，我希望它淡入。 – Bertel

没有人有想法关于如何帮我解决这个问题？或者也许它是不可能的？ – Bertel