导航菜单保持在最前

我已经浏览了所有关于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?

来源

2014-10-18 Nathan

但这只是一个jQuery库。一个相当古老的。与你的CSS无关。 – Shomz 2014-10-18 06:56:44

是的。但它创造了一些问题，我的CSS和路线错误，一旦我包括它。 – Nathan 2014-10-18 07:16:21

你可以显示你的CSS固定导航？ – 2014-10-18 09:37:51

谢谢你的建议，我在一个非常简单的方法解决了这个问题由我自己不使用任何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>

来源

2014-10-21 07:13:44 Nathan

导航菜单保持在最前

回答

相关问题