Autor Zpráva
ghh
Profil *
Mám element, ktorý má nastavenú výšku v px a pri nejakej udalosti sa má výška tohto elementu zmeniť na 100%, ale s animáciou. Skúšal som to cez jQuery. Pri tomto mi nefunguje tá animácia (aby tam bola plynula zmena výšky):
$('.box').animate({height:"100%"}, 400);
Viac na http://jsfiddle.net/Lq8n5L43/

Ako by sa to dalo vyriešiť?


už to asi mám http://jsfiddle.net/Lq8n5L43/1/
juriad
Profil
ghh:
Funguje pouze změna ve stejném způsobu jednotek.
Změna mezi 10 pixely a 20 pixely desetkrát za sekundu po dobu jedné sekundy bude postupně zvětšovat na 11 px, 12 px, ...
Podobně pro procentní výšku. Ale neexistuje způsob, jak vypočítat mezikroky v tvém případě.

Řešením je změřit, jak vysoký ten box bude při 100% a zadat to jako hodnotu v pixelech. Jak to provést najdeš zde.
Str4wberry
Profil
Reakce na juriada:
Funguje pouze změna ve stejném způsobu jednotek.
Tak ono by to šlo: jsfiddle.net/Lq8n5L43/2 — spíš je podstatné z čeho se ty procenta počítají.

Reakce na ghha:
Nejsnazší, ale nepřesné, je měnit max-height na něco zaručeně vyššího než očekávaný obsah. jsfiddle.net/Lq8n5L43/3

Jinak se musí počítat.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: