Skocz do zawartości
Forum Programowanie
Zaloguj się, aby obserwować  
luszyn

Jak wykonać obiekt który w miarę scrollowania będzie chował się do góry strony?

Polecane posty

Jak dodać panel wyszukiwania pod który chwilowo wjeżdża kiedy scrollujemy zawartość strony a po chwili się chowający, jak tu: https://zoptamo.com/...alna-c-pl-coach ? Są znane jakieś skrypty czy coś żeby wrzucić coś podobnego na stronę? Czy trzeba zakodzić własnoręcznie?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Najprościej będzie jak zrobisz sobie np. 2 klasy dla całego menu. Pierwsza, która "trzyma" menu domyślnie na górze zawsze a druga, która ustawia np. top: -300px (czy ileś tam). Potem w JS-ie np. przez jQuery sprawdzasz czy scroll strony jest większy niż ileś px i robisz np.: toggleClass() żeby albo dodawało albo usuwało tą klasę pozycjonująca ujemnie albo ją usuwało. Tylko warto dodać jeszcze wygładzanie przez "webkit transition" żeby nie skakało tylko gładko się chowało.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Hej, podziękowania serdeczne za pomoc, trzeba jeszcze tylko wprowadzić to rozwiązanie i sprawdzić jak działa :) Dzięki wielkie :D

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
Zaloguj się, aby obserwować  

×