• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Poprawka kodu - animacja menu w jquery

+1 głos
57 wizyt
pytanie zadane 13 września 2017 w JavaScript, jQuery, AJAX przez deiv95 Nowicjusz (190 p.)
zamknięte 13 września 2017 przez deiv95

Witajcie.

Czy byłby ktoś w stanie sprawdzić ten kod i powiedzieć mi dlaczego nie działa? 

Nie za bardzo znam się na jQuery i nie wiem gdzie jest błąd.

Proszę o pomoc.

<nav class="nav-main pull-right" id="main-nav">
	<a class="mobile-nav-button hidden-md hidden-lg" href="" id="mobile-icon">
			<i class="fa fa-bars"></i>
				</a>
			<ul class="main-nav-list visible-md visible-lg" id="ul_nav">
				<li class="menu-item-active"><a href="#">Strona główna</a></li>
				<li><a href="#omnie">O mnie</a></li>
				<li><a href="#referencje">Referencje</a></li>
				<li><a href="#oferta">Oferta</a></li>
				<li><a href="#kontakt">Kontakt</a></li>
				<li><a href="kwalifikacje.html">Kwalifikacje</a></li>
			</ul>
</nav>
// Animacja górnego menu oraz animacje po przewinięciu 

var lastId,
    topMenu = $("#ul_nav"),
    topMenuHeight = topMenu.outerHeight()+15,
    // Wszystkie elementy listy
    menuItems = topMenu.find("a"),
    // Kotwice do pozycji menu
    scrollItems = menuItems.map(function(){
      var item = $($(this).attr("href"));
      if (item.length) { return item; }
    });

// Animacje po kliknięciu w pozycję menu
menuItems.click(function(e){
  var href = $(this).attr("href"),
      offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;
  $('html, body').stop().animate({ 
      scrollTop: offsetTop
  }, 1000);
  e.preventDefault();
});

// Po przewinięciu
$(window).scroll(function(){
   // Pobierz pozycje kontenera 
   var fromTop = $(this).scrollTop()+topMenuHeight;
   
   // Pobierz identyfikator aktualnej pozycji przewinięcia
   var cur = scrollItems.map(function(){
     if ($(this).offset().top < fromTop)
       return this;
   });
   // Pobierz identyfikator aktualnego elementu
   cur = cur[cur.length-1];
   var id = cur && cur.length ? cur[0].id : "";
   
   if (lastId !== id) {
       lastId = id;
          menuItems
         .parent().removeClass(".menu-item-active")
         .end().filter("[href=#"+id+"]").parent().addClass(".menu-item-active");
   }                   
});

Z góry dziekiuje ;)

komentarz zamknięcia: Zrobiłem to inaczej
komentarz 13 września 2017 przez draghan Szeryf (97,410 p.)

Zrobiłem to inaczej

Jakbyś mógł, podziel się rozwiązaniem. :)

1
komentarz 14 września 2017 przez deiv95 Nowicjusz (190 p.)

Miałem podłączona nowszą wersje jQuery.

(jQuery 3.2.1 a ten skrypt działa na - jQuery-2.1.4.min.js)

a kod wziąłem ze strony:

http://netpistols.pl/demo/menu-scroll-waypoints

smiley

 

komentarz 14 września 2017 przez draghan Szeryf (97,410 p.)

Super, dzięki! Ktoś teraz może skorzystać z Twojego doświadczenia. :) yes

1 odpowiedź

0 głosów
odpowiedź 13 września 2017 przez sc4rface Mądrala (6,510 p.)
Łatwiej by było, jakbyś powiedział, czy konsola coś pokazuje ;)
komentarz 13 września 2017 przez deiv95 Nowicjusz (190 p.)

błędów w kodzie nie. Męczę się z tym już kilka dni i nie mogę do tego dojść indecision

komentarz 13 września 2017 przez xdmik23 Bywalec (2,090 p.)
rozumiem,ze pobrales skod ten kod-moge prosic o linka to sobie pobiore i sprawdze na przegladarce jak to smiga zeby moc cokolwiek powiedziec na ten temat?

Podobne pytania

0 głosów
1 odpowiedź 95 wizyt
pytanie zadane 26 listopada 2017 w JavaScript, jQuery, AJAX przez jvrekk Użytkownik (970 p.)
0 głosów
3 odpowiedzi 451 wizyt
0 głosów
1 odpowiedź 58 wizyt
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.
Ciekawy innych porad? Odwiedź tę stronę!

45,562 zapytań

85,891 odpowiedzi

171,410 komentarzy

22,067 pasjonatów

Przeglądających: 150
Pasjonatów: 0 Gości: 150

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...