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

question-closed Jquery przewinięcie do danego elementu ID dodanie klasy w nawigacji

Object Storage Arubacloud
0 głosów
561 wizyt
pytanie zadane 29 sierpnia 2016 w JavaScript przez jaca121212 Nałogowiec (40,760 p.)
zamknięte 29 sierpnia 2016 przez jaca121212

Głównie chodzi mi o to w jaki sposób zrobić aby dodało mi klasę do  menu (nawigacji) strony.

Mam zrobione już gdy  kliknę w  dany przycisk w nawigacji to przewinie mi stronę pod konkretny ID który jest przypisany  i doda class-ę do  tego przycisku w nawigacji. Ale gdy przewinę sam na ten element ID to już nie doda mi class-y do tego elementu  w nawigacji. 

Link

komentarz zamknięcia: Problem rozwiązany

1 odpowiedź

0 głosów
odpowiedź 29 sierpnia 2016 przez Vento Pasjonat (17,120 p.)
wybrane 29 sierpnia 2016 przez jaca121212
 
Najlepsza
if($(window).scrollTop() > $("#projekty").offset().top && $(window).scrollTop() < $("#projekty").height())
  {
    alert("JESTEM");
  }

Tutaj masz skrypt o ile dobrze zrozumiałem. Klasy sobie sam pododawaj 

scrollTop: https://api.jquery.com/scrollTop/

Height: http://api.jquery.com/height/

Offset: http://api.jquery.com/offset/


Demo: http://codepen.io/thevento/pen/RRXEzL

 

komentarz 29 sierpnia 2016 przez Vento Pasjonat (17,120 p.)

Tutaj masz troche lepiej działający kod + dodawanie/usuwanie klas.

Demo to samo co w linku wyżej:

if($(window).scrollTop() > $("#projekty").offset().top && $(window).scrollTop() < $("#projekty").offset().top+ $("#projekty").height())
  {
     $(".active").removeClass("active");
     $("#link2").addClass("active");
  }
  else
  {
      $("#link2").removeClass("active");
  }

 

komentarz 29 sierpnia 2016 przez jaca121212 Nałogowiec (40,760 p.)
Dzięki.

Podobne pytania

+1 głos
2 odpowiedzi 254 wizyt
pytanie zadane 28 listopada 2021 w JavaScript przez Grzegorz Mikina Dyskutant (8,060 p.)
0 głosów
1 odpowiedź 258 wizyt
pytanie zadane 21 września 2016 w JavaScript przez bugs55 Obywatel (1,090 p.)
0 głosów
2 odpowiedzi 418 wizyt
pytanie zadane 18 listopada 2018 w JavaScript przez LinosiK Obywatel (1,920 p.)

92,568 zapytań

141,420 odpowiedzi

319,618 komentarzy

61,954 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!

...