Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML] Zmiana wyglądu po scrollowaniu w dol
sajegib
post 8.05.2013, 10:47:07
Post #1





Grupa: Zarejestrowani
Postów: 352
Pomógł: 59
Dołączył: 16.01.2013

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


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

Ten post edytował sajegib 8.05.2013, 10:47:59
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
Arcioch
post 8.05.2013, 11:24:15
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

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


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. });
Go to the top of the page
+Quote Post
Helid
post 8.05.2013, 11:53:03
Post #3





Grupa: Zarejestrowani
Postów: 280
Pomógł: 20
Dołączył: 12.12.2007
Skąd: 127.0.0.1

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


Cytat
jQuery i addclass po scroll down?

Właśnie tak


--------------------
Go to the top of the page
+Quote Post
sajegib
post 8.05.2013, 12:51:07
Post #4





Grupa: Zarejestrowani
Postów: 352
Pomógł: 59
Dołączył: 16.01.2013

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


Hula, dzięki aarambo.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 08:48