Problem z navbarem - nieprawidłowe "scrollowanie"

Cześć, tworzę właśnie stronkę opartą na bootstrapie i natknąłem się na pewne problemy. Korzystam z dwóch skryptów:

- http://stickyjs.com/ - po to aby navbar przyklejał się do góry podczas scrollowania strony

- https://github.com/d...ry-One-Page-Nav - po to aby płynnie przechodzić w poszczególne sekcje i aby działała klasa .active

Po pierwsze, z przyciskiem Get Started", ponieważ nie działa za każdym razem, np. po wejściu na stronę jak kliknę, to już później nie działa.

Nie aktywuje się klasa .active dla odnośników HOME, ABOUT US... po kliknięciu przyciskuj, mimo tego, że jak zjadę bez klikania przycisku to wtedy działa. 

Oprócz tego navbar najeżdża na tytuły sekcji, co również mnie nieco dziwi, a nie wiem w jaki sposób sobie z tym poradzić.

Wrzucam demko: http://codepen.io/testerius/pen/KuDAw

1. Tutaj nie jest kwestia, że tylko pierwszy klik działa, ale nawet i pierwszy nie działa jeżeli najpierw zrobisz scrolla niżej a później wrócisz do góry.Spowodowane jest to tym, że jak klikniesz/ zescrollujesz to ten 'a' dostaje klasę active a później jej nie usuwa. Wrzuć ukryty element obok p w '.welcome':

<p style="display:none;"><a href="#home"> </a></p>

Tak jak zrobiłem tutaj: http://codepen.io/testerius/pen/KuDAw i to pomoże.

2. u mnie to ładnie działa.

3. Daj tym tytułom padding-top o wartości takiej samej lub nieco większej jakiej wysokości jest navbar.

Aaaaa, czyli tak to ma być, wielkie dzięki. Proste metody, a na to nie wpadłem (jeśli chodzi o padding dla tytułów ). Tak jeszcze mówiąc to nie zapisałeś codepena - fork i podajesz nowy link z twoimi zmianami.

Sorry, nie korzystałem wcześniej z niego, a jak sprawdzałem refreshem to zmiany były

http://codepen.io/anon/pen/zkiah

Użytkownik unbreak edytował ten post 05 maja 2014 - 08:17