Dodawanie #nazwa_sekcji po pojawieniu się jej na ekranie (strona onepage) / zgranie ze sobą funkcji click i scroll, Jak zgrać klikalność menu, hasztagi w adresie i ręczne przewijanie |
Dodawanie #nazwa_sekcji po pojawieniu się jej na ekranie (strona onepage) / zgranie ze sobą funkcji click i scroll, Jak zgrać klikalność menu, hasztagi w adresie i ręczne przewijanie |
27.09.2018, 09:08:46
Post
#1
|
|
Grupa: Zarejestrowani Postów: 36 Pomógł: 0 Dołączył: 25.02.2004 Skąd: Grodzisk Maz. Ostrzeżenie: (0%) |
Cześć,
być może coś namieszałem, nie czuję się mocny w jquery, ale zanim napisałem kilka rzeczy wypróbowałem. Ogólnie chodzi o to, że mam stronę typu onepage, nie chcę korzystać ze skryptu fullpage.js, bo się krzaczy, próbuję więc sam to ogarnąć. Zamysł jest prosty w planie: mamy kilka sekcji na stronie głównej, mamy menu, po kliknięciu którego przeskakujemy do danej sekcji po #, dodaje się ten # do adresu. Oprócz tego mamy oczywiście możliwość przewijania strony ręcznie. Mam skrypt, który zaznacza w menu odpowiedni element jak sekcja pojawi się na stronie. Pierwszy problem jaki miałem to taki, że czasem były widoczne 3 sekcje, zaznaczały się 3 elementy w menu. Logiczne, widać - zaznacza. * To rozwiązałem chyba prostym sposobem, najpierw usuwam active ze wszystkich elementów a potem zaznaczam tylko w tym ostatnim. Ostatnie dwa problemy jakie mi zostały: - zmiana adresu (dodanie #nazwa_sekcji) jak się pojawi na stronie (tylko dla tej najniższej widocznej, czyli jak widzę dwie sekcje to dla tej drugiej, która właśnie się pojawia); - scalenie ze sobą funkcji click i scroll, bo o ile sobie scrolluję w obie strony - to jest luz, efekt do zaakceptowania, natomiast jak kliknę w menu to wiadomo, że wybrana przez click sekcja pojawia się na samej górze strony, ale pod nią jest już kolejna i skrypt odpowiedzialny za scrollowanie zaznacza w menu tylko tę dolną sekcję, bo tak sobie to ustawiłem (patrz *); po prostu fajnie jakby click w menu wyłączał scrollowanie, może na kilka sekund, nie wiem jak do tego podejść. Będę wdzięczny za jakieś wskazówki.
Być może coś da się zrobić prościej, nie trzeba powtarzać np. "// zmniejszanie/zwiększanie headera po wejściu na stronie" i "// zmniejszanie/zwiększanie headera w czasie przewijania" i da się to zrobić w jednym skrypcie, ale próbowałem coś kombinować. Z góry dziękuję za pomoc. -------------------- Jarek "babajaro"
|
|
|
Wersja Lo-Fi | Aktualny czas: 27.04.2024 - 02:15 |