Podświetlenie menu na stronie typu one page

Question

Witam.

Sprawa wygląda następująco.

Strona typu OnePage. Górne menu przyklejone do górnej krawędzi strony. Strona wysoka na 8 ekranów.

Gdzie poszukać info dotyczące zmiany właściwości menu w zależności od aktualnie wyświetlanej treści?

Chciałbym uzyskać efekt, który będzie dodawał do poszczególnych buttonów górnego menu np. górne obramowanie. W zależności, od tego, która część witryny będzie aktualnie wyświetlana na ekranie.

Tj. użytkownik przegląda content o firmie a button(O firmie) z menu górnego otrzymuje np obramowanie.

Zależy mi na tym, żeby użytkownik wiedział gdzie się aktualnie znajduje.

Answer 1

Zobacz jak to rozwiązuje scrollspy od Bootstrapa (jedyna rzecz, jaka im się udała :v)

Answer 2

Możesz ustawić waypointy z atrybutem display:none; Następnie w jQuery/javascript odpowiednio nadanymi klasami zrobić tak, aby dana rzecz oglądana przez użytkownika była podkreślona na menu. Bawiłem się w tym przy parallaxie.

Answer 3

lub mniej wiecej na tym przykładzie możesz to zrobić tak jak tutaj na filmie jest pokazane tylko wiadome ty dajesz swoje style ale kod z jquery prawie będzie identyczny https://www.youtube.com/watch?v=35A80v-6j4Y

Comments

Po dłuugiej przerwie wracam do tematu. Obejrzę film i mogę założyć się tutaj z każdym, że będe miał problem:) Niemniej jednak dzięki za wstawkę. Biorę się do roboty. Dzieki za podpowiedzi