jquery - 穿过 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举个例子。