Przyklejone menu nie działa(sticky)

Question

<script src="jquery-3.1.1.min (1)"></script>
		<script>

	$(document).ready(function() {
   var stickyNavTop = $('.nav').offset().top;

   var stickyNav = function(){
   var scrollTop = $(window).scrollTop();

   if (scrollTop > stickyNavTop) { 
      $('.nav').addClass('sticky');
   } else {
      $('.nav').removeClass('sticky');
    }
   };

   stickyNav();

   $(window).scroll(function() {
      stickyNav();
   });
   });

</script>

.sticky
{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}

Moim celem jest stworzenie menu, które "przykleja się do górnej części ekranu"(sticky). Niestety coś nie działa i nie wiem co dalej zrobić. Dodam, że pobrałem plik z jquery.com i wkleiłem do folder z wszystkimi plikami, z których korzystam przy tworzeniu strony.

Comments

Czy z tą ścieżką jest tu na pewno wsio ok?

<script src="jquery-3.1.1.min (1)"></script>

może coś takiego:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

 

---

Dziękuję za pomoc, teraz menu działa. Chciałbym jeszcze zrozumieć co robiłem żle w poprzedniej wersji (wszystko wykonywałem wg tego poradnika:https: https://www.youtube.com/watch?v=vd_GnTBzJ4U&index=3&list=PLOYHgt8dIdow6b2Qm3aTJbKT2BPo5iybv )

(Nauczyciel w poradniku w 36 min 17 sek pokazuje jak podpiąć js do html. Wydaje mi się, że zrobiłem wszystko tak samo). Proszę o wyjaśnienie mojego błędu.

Answer 1

Widzisz błąd polega na podpięciu JQ ja podałem ci ścieżkę do zewnętrznego źródła:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

a w kursie biblioteka jest najpierw ściągnięta a następnie skopiowana w miejsce docelowe. Ty najprawdopodobniej pobrałeś ją dwa razy stąd pewnie ta 1 w nawiasie a pomiędzy nią a nazwą spacja:

jquery-3.1.1.min (1)

więc problem jest albo w tym że nie skopiowałeś odpowiedniego pliku, a może nie w to miejsce albo po prostu ta spacja wspomniana wyżej ...

Comments

Pobrałem i skopiowałem plik ponownie (w odpowiednie miejsce). Nie ma spacji w html ani w nazwie jq. Jeżeli ktoś wie co robie żle, prosze o pomoc.