Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [Java][CSS]Jak osiągnąć efekt pojawienia się diva z czasem
Joshio
post 21.09.2016, 01:20:59
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

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


Jak osiągnąć efekt pojawienia się diva/pola po ze scroll'owaniu strony po np. 2 sekundach? Tak jak na stronie Link pole "Our Work".

Chciał bym osiągnąć efekt aby po ze scroll'owaniu strony, zdjęcie po lewej pojawiło się po sekundzie a tekst po prawej po dwóch sekundach. Dodam jeszcze że chciał bym aby animacja się zatrzymała a nie powtarzała (css: animation-delay).
Go to the top of the page
+Quote Post
emstawicki
post 21.09.2016, 07:13:40
Post #2





Grupa: Zarejestrowani
Postów: 207
Pomógł: 40
Dołączył: 2.06.2016
Skąd: Olsztyn

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


Jeżeli chodzi o JavaScript to możesz używając jQuery.

https://api.jquery.com/scroll/
Do tego instrukcja warunkowa sprawdzająca pozycję w pionie:
https://api.jquery.com/scrollTop/
I timeout który opóźni animację/dodanie klasy.


--------------------
Jak w Olsztynie, to tylko w Revolver Rock Cafe .
Sprawdź postęp propagacji DNS
Go to the top of the page
+Quote Post
GreenGo
post 21.09.2016, 08:03:15
Post #3





Grupa: Zarejestrowani
Postów: 265
Pomógł: 4
Dołączył: 30.08.2004

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


Skrypcik https://scrollrevealjs.org/ wszystko możesz skonfigurować, czy ma się powtarzać, kiedy ma się pojawiać w jaki sposób się pojawiać itd.
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: 25.04.2024 - 01:27