Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> One Page i aktywna sekcja
Vertisan
post
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 8.08.2014

Ostrzeżenie: (0%)
-----


Mam stronę typu one/single page, czyli wszystko na jednym.

Udało mi się zrobić płynne 'przejeżdżanie' do konkretnych kotwic, ale mam inny problem.

Otóż chciałbym, żeby aktualizowało się menu, np. tak jak tutaj: http://tobiashaeusler.de/

Tj. klikam na Kontakt, to przejedża mi do sekcji "kontakt" i w menu to Kontakt dostaje klasę "active".

Kod JS tego przewijania:
  1. function scroll_to(selector) {
  2. $('html,body').animate({scrollTop: $(selector).offset().top}, 1000);
  3. return false;
  4. }


i menu:
  1. <ul class="nav navbar-nav navbar-right">
  2. <li class="active"><a href="java script:void();" onclick="scroll_to('#home');">STRONA GŁÓWNA (obecna)</a></li>
  3. <li><a href="java script:void();" onclick="scroll_to('#o-mnie');">O MNIE</a></li>
  4. <li><a href="java script:void();" onclick="scroll_to('#portfolio');">PORTFOLIO</a></li>
  5. <li><a href="java script:void();" onclick="scroll_to('#kontakt');">KONTAKT</a></li>
  6. </ul>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
mar1aczi
post
Post #2





Grupa: Zarejestrowani
Postów: 731
Pomógł: 141
Dołączył: 9.05.2011
Skąd: śląskie

Ostrzeżenie: (0%)
-----


Proszę: http://callmenick.com/2013/04/22/single-pa...xed-navigation/ oraz
http://stackoverflow.com/questions/9979827...-on-page-scroll
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 19:05