Jquery 使导航条在滚动时向下滑动，就像在Apple iphone 5c页面中一样

我正在开发一个基于网页的Bootstrap 3，我喜欢在向下滚动时使导航栏向下滑动，就像在苹果中一样，（havbar应该是隐藏的）我不是js方面的专家，对此的任何帮助都将不胜感激。 先谢谢你

---

Hear是我创建的一个示例代码

您必须指定窗口的

滚动
事件：

$(window).scroll(function(e){
    // here the bar is id'ed myBar
    if ($(this).scrollTop() > 30) { // choose the value you want.
        $('#myBar:hidden').slideDown();
    } else {
        $('#myBar:visible').slideUp();
    }
});

确保CSS是正确的：
位置：fixed
，依此类推

这是一个
请在中重新创建代码。