Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML] Zmiana wyglądu po scrollowaniu w dol
Forum PHP.pl > Forum > Przedszkole
sajegib
Witam!
Chciałbym uzyskać efekt jak w allegro tzn. na górze jest wyszukiwarka, ale po zescrollowaniu strony w dół, wyszukiwarka znika, i pojawia się elemencik z position fixed a w nim wlasnie wyszukiwarka
Jak osiągnąć taki efekt?

jQuery i addclass po scroll down?

proszę o sugestie
Arcioch
jQuery fixed menu
Przy odpowiednim odległości scroola normalna wyszukiwarka znika i pojawia się ukryta czyli np smile.gif

  1. jQuery("document").ready(function($){
  2.  
  3.  
  4. $(window).scroll(function () {
  5. if ($(this).scrollTop() > 136) {
  6. $('uchwyt do górnej wyszukiwarki').css('display', 'none');
  7. $('uchwyt do nowej wyszukiwarki').css('display', 'block');
  8. } else {
  9. $('uchwyt do nowej wyszukiwarki').css('display', 'none');
  10. $('uchwyt do górnej wyszukiwarki').css('display', 'block');
  11. }
  12. });
  13.  
  14. });
Helid
Cytat
jQuery i addclass po scroll down?

Właśnie tak
sajegib
Hula, dzięki aarambo.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.