jquery - 位于顶部的导航菜单

Question

我已经浏览了关于同一个问题的所有链接，如 sticky和其他人。

但是所有的代码都包含这个链接http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js .

此链接正在更改我的 css 对齐方式，我只能看到一半的导航栏。

任何人都知道为什么 ajax jQuery 文件会产生问题和解决此问题的解决方案。

How do I make the navigation bar of my site stay at the top when the viewer scrolls?

Answer 1

感谢您的建议，我在没有使用任何 jquery 库的情况下以非常简单的方式自行解决了它。

<script type="text/javascript">
$(window).scroll(function() {
    var $div = $('#sticky_navigation');
        if ($div.offset().top < $(this).scrollTop())  {
            $div.addClass('fixed');
        }
        if ($(this).scrollTop() == '0')  {
            $div.removeClass('fixed');
        }
    });
</script>