• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Animacje na stronie?

Object Storage Arubacloud
0 głosów
382 wizyt
pytanie zadane 11 sierpnia 2017 w HTML i CSS przez kamil29 Obywatel (1,230 p.)
Chcialbym odac animacje na stronke korzystajac z biblioteki animate.css.Probowalem to zrobic wg kilku tutoriali i zawsze konczylo sie na niczym,bo nigdy nic nie dzialalo poprawnie nie wiem czemu.Macie jakies sprawdzone tutoriale dotyczace animacji?

2 odpowiedzi

0 głosów
odpowiedź 11 sierpnia 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)

Może pokaż kod? Ja korzystałem z tego tutoriala

komentarz 11 sierpnia 2017 przez kamil29 Obywatel (1,230 p.)
ja tez,ale nic z tego nie wyszlo.Teraz zrobilem po swojemu i animacje co prawda dzialaja,ale nie ma tego efektu ktory chcialbym uzyskac,czyli animacje maja miejsce dopiero jak przescrolluje do odpowiedniego miejsca na strone.Wiesz co trzeba dodac zeby taki efekt uzyskac?
komentarz 11 sierpnia 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)
Do tego musisz użyć JS :)
komentarz 11 sierpnia 2017 przez kamil29 Obywatel (1,230 p.)
wiesz moze czy wystarczy pobrac popularny skrypt waypoints.js czy jednak trzeba cos innego napisac?
komentarz 11 sierpnia 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)
Same gotowce byś chciał ;) Na początek zrób to samodzielnie. Tak jak kolega niżej napisał użyj window.scrollY. Pobaw się trochę z tym
komentarz 11 sierpnia 2017 przez kamil29 Obywatel (1,230 p.)
http://studioleopard.pl/wylaniajace-sie-animacje-podczas-przewijania-strony/

Wg tego tutoriala dolaczylem biblioteke wow i w klasie tez dodalem wow,a niestety nie ma zadnego efektu.W czym moze byc problem?
0 głosów
odpowiedź 11 sierpnia 2017 przez Ehlert Ekspert (212,670 p.)

Tak wszystko masz wyjaśnione na stronie Githuba tej biblioteki. U mnie wszystko działa.

Użyj eventa scroll i właściwości window.scrollY. Wtedy dodajesz odpowiednią klasę do obiektu.

komentarz 11 sierpnia 2017 przez kamil29 Obywatel (1,230 p.)
molgbys wyslac instrukcje jak tego uzyc?
komentarz 11 sierpnia 2017 przez Ehlert Ekspert (212,670 p.)

Instrukcje masz na Githubie. Wszystko jest opisane. Testowo sprawdziłem na jsfiddle czy działa, więc nawet nie zapisywałem.

Jeśli ogarniasz, napiszesz to w 3 minuty. Jeśli nie ogarniasz podstaw js, to zostaw biblioteki z animacjami i weź się za podstawy js smiley

Podobne pytania

0 głosów
0 odpowiedzi 317 wizyt
pytanie zadane 13 sierpnia 2017 w HTML i CSS przez kamil29 Obywatel (1,230 p.)
0 głosów
1 odpowiedź 137 wizyt
pytanie zadane 13 kwietnia 2017 w HTML i CSS przez czujek22 Dyskutant (7,670 p.)
0 głosów
2 odpowiedzi 291 wizyt
pytanie zadane 8 lipca 2016 w HTML i CSS przez tirex Gaduła (4,430 p.)

92,555 zapytań

141,400 odpowiedzi

319,537 komentarzy

61,938 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...