導航菜單保持在最前

我已經瀏覽了所有關於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

導航菜單保持在最前

回答

相關問題