jquery - 像Apple iphone 5c页面一样滚动时使导航栏向下滑动

Question

我在基于 Bootstrap 3 的网页上工作，我喜欢在向下滚动时让我的导航栏向下滑动，就像在 Apple 中一样 iPhone 5c Page , (havbar should be hidden initialy) 我不是 js 专家，我们将不胜感激。提前谢谢你。

听到的是我创建的示例代码。 CODE

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，等等……

这是一个Fiddle