2014-10-18 4 views
0

Я просмотрел все ссылки по тому же вопросу, что и 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?

+0

Но это только библиотека jQuery. Довольно старый. Ничего общего с вашим CSS. – Shomz

+0

Да. но это создает некоторую проблему для моего css, и выравнивания идут не так, как только я включаю это. – Nathan

+0

вы можете показать свой css для фиксированной навигации? –

ответ

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> 
Смежные вопросы