Autor | Zpráva | ||
---|---|---|---|
Paršík Profil * |
#1 · Zasláno: 23. 1. 2016, 17:23:53
Ahoj, mohli byste mi prosím poradit s tím, jak docílit obdobného efektu zobrazení po scrollu, jako je třeba na stránce dante.swiftideas.com kde se zobrazí ty tři divy, jako "Powerful yet simple" atd.
Zkoušel jsem projít zdrojový kód, protože jsem myslel že tam bude buď jquery nebo nějaká knihovna, ale nedaří se mi to najít. Mockrát vám předem děkuji! |
||
scheras Profil |
#2 · Zasláno: 24. 1. 2016, 12:22:11
Při načtení stránky javascriptem skrýt, dále odchytávat, jestli je prvek zrovna viditelný, a ve chvíli, kdy se poprvé dostane na obrazovku, zase zobrazit. Efekt by mělo být možné udělat čistě pomocí css, ale dá se použít i JavaScript.
|
||
Paršík Profil * |
#3 · Zasláno: 26. 1. 2016, 12:29:19
Mockrát děkuju za "rozdrobení" problému, myslím že takhle polopatě to nebude problém napsat. Jen jestli můžu, jak by se dala čistě skrze css vyřešit ta část zobrazení po skrollu? Mě napadají jen samá jQuery řešení.
|
||
scheras Profil |
#4 · Zasláno: 26. 1. 2016, 13:34:59
Skrytí bych provedl přidáním css třídy např. hidden, při zobrazování bych přidal jinou, která by zajistila samotný efekt zobrazování (hledejte css3 transition/animations). To by pto základní představu mělo stačit, dá se s tím kouzlit ale i více.
|
||
Keeehi Profil |
#5 · Zasláno: 26. 1. 2016, 13:35:28
Paršík:
Já když si stránku zobrazím, tak se mi ty tři divy zobrazí bez toho aniž bych musel scrollovat. Jinak nevím o tom, že by se v css dalo scrollování detekovat. |
||
Časová prodleva: 5 dní
|
|||
scheras Profil |
#6 · Zasláno: 31. 1. 2016, 22:05:32
Keeehi:
Pomocí css se detekovat nedá a také to neříkám. Pouze tvrdím, že graficky by měl být efekt realizovatelný pomocí kaskádových stylů. Spuštění samozřejmě musí být, alespoň v tomto případě, provedeno pomocí JavaScriptu. |
||
Časová prodleva: 9 let
|
0