Diskuze: slide?

HTML a CSS HTML a CSS slide? American English version English version

Avatar
style
Člen
Avatar
style:

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
Redaktor
Avatar
Odpovídá na style
Honza Bittner:

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  +1 26.12.2014 23:06
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Honza Bittner
Jiří Gracík:

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

Nahoru Odpovědět 26.12.2014 23:58
Creating websites is awesome till you see the result in another browser ...
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Jiří Gracík
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Honza Bittner
Jiří Gracík:

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

Nahoru Odpovědět  +2 27.12.2014 11:40
Creating websites is awesome till you see the result in another browser ...
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.