如何在穿越div时出现菜单栏

Question

开始我是初学者， 当我向下滚动页面并越过某个div时（当我页面顶部的实际菜单栏不再可见时）我想显示一个菜单栏。这个网站有我问题的完美示例：http://lenssenmannenmode.nl

当您开始向下滚动此页面并且标题菜单不再可见时，此页面顶部会弹出黑色透明菜单。

提前致谢，请帮忙！ ：）

Answer 1

以下内容演示了当用户在页面上滚动超过400px时如何让菜单栏显示。

$(document).ready(function(){

    // Fire this function when a user scrolls
    $(window).scroll(function(){
        // If the user scrolled past 400 pixels on this page show the menu, else hide it.
        if($(this).scrollTop() > 400){
            $("#your-menu").slideDown();
        }else{
            $("#your-menu").slideUp();
        }
    });

});

有关示例，请参阅this fiddle。