Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> menu reagujące na przewijanie strony
kwiecia
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 9.09.2011

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


Mam stronę podzieloną na dwie kolumny (div-y). W lewej znajduje się menu wypozycjonowane na fixed, w prawej cała treść strony podzielona na pewne partie. Menu działa na zasadzie odsyłaczy do konkretnego miejsca w treści prawej kolumny. Czyli to taka typowa "single-page website".

I tutaj moje pytanie. Jak sprawić, żeby po ręcznym zjechaniu scrollem do danego miejsca w prawej kolumnie, odpowiednia pozycja menu zyskiwała klasę "active". Tak żeby menu pokazywało, która część treści jest aktualnie pokazywana.

Z góry dziękuję za wszelkie rady i wskazówki. Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
melkorm
post
Post #2





Grupa: Zarejestrowani
Postów: 1 366
Pomógł: 261
Dołączył: 23.09.2008
Skąd: Bydgoszcz

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


Musisz przekazać w drugim parametrze obiekt z opcjami, czyli:

[JAVASCRIPT] pobierz, plaintext
  1. $('#ludziediv').appear(function() {
  2. $('#menu li a').removeClass('active');
  3. $('#ludzieli').addClass('active');
  4. }, {one : false}); // one to jest opcja default na true która mówi by appear odpalił się tylko raz ;)
[JAVASCRIPT] pobierz, plaintext



Ogólnie mogłabyś zrobić do tego jedną funkcję (IMG:style_emoticons/default/wink.gif)

1. Nadać tym div'om co menu na nie reaguje jedną klasę i wtedy tylko:
[JAVASCRIPT] pobierz, plaintext
  1. $('.klasa').appear(
  2. function()
  3. {
  4. $('#menu a').removeClass('active');
  5. $('#menu a').get( $(this).index() ).addClass('active');
  6. },
  7. { one : false}
  8. );
[JAVASCRIPT] pobierz, plaintext


Nie testowałem + pisane z palca ;P

Ten post edytował melkorm 10.09.2011, 17:08:35
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: 4.10.2025 - 22:14