• 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

Object Storage Arubacloud
+1 głos
125 wizyt
pytanie zadane 13 września 2017 w JavaScript 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 VIP (106,230 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 VIP (106,230 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 Dyskutant (7,710 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 Gaduła (3,000 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ź 317 wizyt
pytanie zadane 3 października 2018 w JavaScript przez kakaka1 Nowicjusz (120 p.)
0 głosów
1 odpowiedź 229 wizyt
pytanie zadane 26 listopada 2017 w JavaScript przez jvrekk Użytkownik (970 p.)
0 głosów
3 odpowiedzi 2,046 wizyt
pytanie zadane 4 listopada 2016 w JavaScript przez Mavimix Dyskutant (8,390 p.)

92,555 zapytań

141,402 odpowiedzi

319,539 komentarzy

61,938 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...