网站固定菜单栏

Question

好的，我一直在为自己创建一个视差滚动网站，但我想不出要制作固定菜单栏的方法。

我希望菜单栏在网站下方显示2/3部分，并且当用户滚动到该页面上方时，我希望它在向下滚动页面的其余部分时固定在页面顶部。 抱歉，如果我的术语很糟糕，是否可以帮助我希望菜单栏的功能与本网页上的功能完全相同。

因此，基本上我不知道如何在CSS中执行此操作，因此，如果有人可以提供帮助，那就太好了。

http://alwayscreative.net/

谢谢 ：）

Answer 1

这可以将您带入正确的方向吗？ 或ANOTHER一个

<div class="header"><strong>Header</strong></div>
<div class="nav"><strong>Navigation Bar</strong></div>
<div class="content"></div>
<style>
body{
    margin: 0;
}
.header{
    height: 50px;
    background-color: #000;
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding-top: 3%;
}
.nav{
    height: 30px;
    background-color: #D7D7D7;
    font-size: 16px;
    text-align: center;
    color: #000;
    padding-top: 5px;
    width: 100%;
}
.content{
    height: 1200px;
}
</style>

Js：

<script type="text/javascript">
$(document).ready(function(){
    $(window).scroll(function(){
        var scrollTop = 90;
        if($(window).scrollTop() >= scrollTop){
            $('.nav').css({
                position : 'fixed',
                top : '0'
            });
        }
        if($(window).scrollTop() < scrollTop){
            $('.nav').removeAttr('style');  
        }
    })
})</script>