Podświetlany przycisk po wejściu w niego?

Question

Witam, tak jak w pytaniu, posiadam menu (zdjęcie 1) strona jest typu onepage więc po kliknięciu danego buttona strona się przewija do odpowiedniego miejsca. Pytanie moje brzmi:

Jak zrobić żeby po kliknięciu na dany przycisk kolor tego przycisku się wyróżniał? chodzi o to żeby na danej pozycji strony przycisk świecił np na czerwono aby użytkownik wiedział w którym miejscu strony jest. 

Comments

JS / jquery

Answer 1

Sama zmiana przycisku po kliknięciu nie rozwiąże problemu. Bo co gdy user będzie używał scrola?

Musisz sprawdzić położenie elementu względem top i jeżeli ma oczekiwana wartość dodać style np. active do odpowiedniego elementu nawigacji.To tak w skrócie

Comments

jakieś słowa kluczowe albo przykład?

niestety z tego linku co mi podesłałeś nic nie rozumiem:/

---

Nie znalazłem na szybko vanila js, ale w jquery jest tego sporo link

---

coś widziałem też o scrollspy ale nie chcę korzystać z bootstrapa

---

to nie jest BT

---

ale praktycznie wszystkie opierają sie o niego

---

poza tym, kod w linku który mi wysłałeś nie działa poza tą stroną, ani po wklepaniu do notepada++ ani np w codepen

Answer 2

Moment najechania na element możesz wychwycić w css pseudo klasą hover:

.element-class:hover {
  /* jak ma wyglądać element po najechaniu */
}

Nie jestem pewien, ale moment kliknięcia możesz wychwycić w css pseudo klasą active (zapisujesz to tak jak w przypadku hovera, tylko zamiast hover piszesz active)

Comments

Jak zrobić żeby po kliknięciu na dany przycisk kolor tego przycisku się wyróżniał?