JQuery 导航粘滞答案

【问题标题】：JQuery Navigation StickyJQuery 导航粘滞
【发布时间】：2014-01-12 17:19:08
【问题描述】：

我试图让我的 Navigation Sticky..但没有用..这里是我的 JQuery 代码：

$(document).ready(function() {
    var stickyNavTop = $('nav').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
            $('nav').addClass('sticky');
        } else {
            $('nav').removeClass('sticky');
        }
    };
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});

以及使用的 css 定义：

.sticky {
    position: fixed;
    top: 0;
}
nav {               
    background: url('bilder/bg_nav.png') no-repeat;
    width: 800px;
    margin: 0 auto;
    height: 40px;
}

您可以在link查看所有内容

感谢您的帮助！

【问题讨论】：

标签： jquery html css navigation sticky

【解决方案1】：

我没有在你的 html 中找到 jQuery 库，你应该把这个 sn-p 放在你 html 的 <head> 部分，以使你的 jQuery 代码工作：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

【讨论】：

【解决方案2】：

您还需要包含 jquery 框架，即http://code.jquery.com/jquery-2.0.3.js

我这里有一个例子供你学习。

http://jsfiddle.net/

【讨论】：