让导航条在滚动时向下滑动，就像苹果iphone 5c页面一样

Question

我正在制作一个基于Bootstrap 3的网页，我喜欢在像苹果iPhone 5c页面一样向下滚动时使我的导航栏向下滑动，( habar应该最初隐藏)我'，不是js专家，任何关于这方面的帮助将非常感谢。提前谢谢你。

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

Answer 1

您必须指定窗口的scroll事件:

$(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是正确的:position:fixed，等等…