IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
style
Člen
Avatar
style:26.12.2014 22:07

Ahoj , na stranke http://careers.mozilla.org/en-US/ ked si scrollnete dole na
"Teams a Roles" , a kliknete na nejaku polozku scrollne sa vam obsah dolava , cez translateX , avsak potom ked kliknete znova na nejaku polozku , "slidne" sa vam len kusok obsahu , ako je to spravene? Viem ze sa tam pouziva translateX ale nejako si neviem predstavit ten druhy slide.

Ano viem ze je to hlupe polozenie otazky tak si minuskujte kolko chcete.
Dakujem za odpovede.

 
Odpovědět
26.12.2014 22:07
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na style
Honza Bittner:26.12.2014 23:06

Přes JS se přepínají třídy a třída způsobí, že se zobrazí daný prvek, což je docíleno translateX. Ta animace je taktéž přes CSS pomocí transition.

Jen dodám, že toto všechno jest možné udělat bez JS, avšak řešení by bylo trochu náročnější. ;)

Editováno 26.12.2014 23:07
Nahoru Odpovědět
26.12.2014 23:06
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Honza Bittner
Neaktivní uživatel:26.12.2014 23:58

Jak bys to udělal jen přes css?

Nahoru Odpovědět
26.12.2014 23:58
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:27.12.2014 0:09

Pár vhodně umístěných checkboxů, které mi budou nahrazovat změnu tříd - ale to by bylo jak alchymie... :D

Nahoru Odpovědět
27.12.2014 0:09
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Honza Bittner
Neaktivní uživatel:27.12.2014 11:40

Nechceš udělat nějaký demíčko? Docela by mě zajímalo, jak by to vypadalo.

Nahoru Odpovědět
27.12.2014 11:40
Neaktivní uživatelský účet
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.