One Page - aktywna "zakładka"

Question

Cześć!

Robię stronę typu One Page i nie mam pomysłu jak zrobić by aktywna "zakładka" (zakładek nie ma, bo to one page, a strona po kliknięciu w menu przesuwa się do odpowiedniego DIVa) była podświetlona. Klasa active po kliknięciu w dany link powinna się przemieszczać. Proszę o wyjaśnienie sposobu, bo chciałbym rozumieć to co zastosuję.

         <li><a href="#home" class="active">STRONA GŁÓWNA</a></li>
         <li><a href="#artykuly">ARTYKUŁY</a></li>
         <li><a href="#forum">FORUM</a></li>

Answer 1

Pozwolę wspomóc się świetnym linkiem: http://www.bytemuse.com/scrollIt.js

Comments

Ciekawe jak te linki mają się do SEO:

<a data-scroll-nav="0">About</a>
<a data-scroll-nav="1">Usage</a>
<a data-scroll-nav="2">Options</a>

Użyłem tego skryptu, ale jedna rzecz mi się nie podoba. Jak najeżdżam kursorem na "zakładkę" to kursor zmienia się w znaczek do zaznaczania tekstu. Jak to poprawić?

// Ok. zmieniłem trochę linki i jest git.

<a href="#strona_glowna" data-scroll-nav="0">STRONA GŁÓWNA</a>

 

---

Aby poprawić kursor wystarczy użyć prostego css'a 

cursor:pointer;

 

Answer 2

Będziesz musiał linkować np

<a href="#div do którego chcesz przekierować użytkownika">
<div id="menu1btn">
</div>
</a>

itd a animacje otrzymasz dzięki media querries ale ten temat był już poruszany na forum...

Comments

Ja animacje scrolla ogarniałem na tej stronie  http://www.e-zoner.pl/jquery/jquery-przewijanie-strony#jquery polecam