Skocz do zawartości

Pojawiający się baner po scrollowaniu


Recommended Posts

Masz na myśli ten pomarańczowy z napisem "załóż konto na p..eni.pl"?

 

Najprościej zrobić element position:fixed, bottom:0; wywoływany przez JQuery po przescrollowaniu odpowiedniej odległości.

Np. http://stackoverflow.com/questions/15798360/show-div-on-scrolldown-after-800px

 

Zobacz też w dokumentacji JQuery Bootstrap'a pojęcie Affix, to też można wykorzystać ;)

  • Popieram 1
Link to post
Share on other sites

Najłatwiej będzie zrobić to JavaScript'em z biblioteką JQuery.

  1. Tworzysz diva, pozycjonowanego fixed, który początkowo będzie ukryty.
  2. Tworzysz zderzenie w JQuery, na przewijanie od górnej krawędzi.
  3. Podczas wywołania zdarzenia sprawdzasz ile pixeli już zostało "zeskrolowanych w dół"
  4. Jeżeli warunek (przesunięcie w dół o X pixeli), będzie prawdziwy to wywołujesz funkcję, która zmienia widoczność diva - tutaj jest to FadeIn i FadeOut.
  5. Robisz analogicznie dla skorolownia w górę, żeby znikał.
  • Popieram 1
Link to post
Share on other sites

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Odpowiedz w tym wątku...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...