Skocz do zawartości


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


2 odpowiedzi w tym temacie

#1 luszyn

    Nowy na forum

  • Użytkownicy
  • 2 Postów:

Napisano śro, 30 lis 2016 - 10:58

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?

#2 5corpio

    Guru

  • Super użytkownicy
  • 874 Postów:

Napisano sob, 03 gru 2016 - 12:24

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.

#3 luszyn

    Nowy na forum

  • Użytkownicy
  • 2 Postów:

Napisano czw, 08 gru 2016 - 07:22

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