一个保持在顶部的导航菜单

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>