前端导航栏效果

medium首页的导航栏挺好看的，一直以来不知道是怎么实现的，请问这是用什么实现的，有啥jquery或者css插件吗？谢谢。
就是往下面滚动时导航栏隐藏，往上面滚动时导航栏就出现。

---

Hide header on scroll down, show on scroll up可以参考一下这个。还找到了一个插件谢谢谢谢

---

f12就是在nav上有几个css的添加和删除 至于上下滚轮事件 js代码如下

<label for="wheelDelta">滚动值:</label>(IE/Opera)<input type="text" id="wheelDelta"/> 
<label for="detail">滚动值:(Firefox)</label><input type="text" id="detail"/> 
<script type="text/javascript"> 
var scrollFunc=function(e){ 
    ee=e || window.event; 
    var t1=document.getElementById("wheelDelta"); 
    var t2=document.getElementById("detail"); 
    if(e.wheelDelta){//IE/Opera/Chrome 
        t1.value=e.wheelDelta; 
    }else if(e.detail){//Firefox 
        t2.value=e.detail; 
    } 
} 
/*注册事件*/ 
if(document.addEventListener){ 
    document.addEventListener('DOMMouseScroll',scrollFunc,false); 
}//W3C 
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome 
</script> 

---

我想问这个gif图用什么截的