Autor Zpráva
quatzael
Profil
Ahoj, mám tady opět celkem pikantní dotaz..

Potřeboval bych, aby se mi stránka nad elementem při používání slideDown posouvala jakoby nahoru. Tedy, aby spodní část pod elementem zůstala staticky stát a vrchní část stránky se vyrolovala nahoru. Ještě jinak řečeno, aby se element vysouval (zobrazoval) nahoru..

Je na to nějaké řešení??
quatzael
Profil
quatzael:
tak děcka, tady se na to teda zatím nikdo nezmohl, ale naštěstí se našel někdo na stackoverflow, kdo mi s tímhle problémem poradil.

takže tady hážu odkaz na ukázku: http://jsfiddle.net/YDedH/22/


teď jsem ale ještě zjistil, že to není úplně ok.. po rozbalení elementu nahoru se tam neobjeví scrollbar, abych mohl normálně vyscrollovat nahoru.. asi tím že tam používá ten zápornej margin..

Nevíte prosím někdo jak na to, aby to fungovalo tak jak má na celý stránce??


tak už i tohle je vyřešeno zde: http://jsfiddle.net/YDedH/27/
quatzael
Profil
tak nakonec bych ještě potřeboval poradit s tímhle: http://jsfiddle.net/YDedH/59/.

Existuje nějaký univerzální řešení, aby se i ten bílej element posunul zároveň když vylízá ten zelenej. Jde mi o to, že v reálu mám nad tím vysouvacím elementem další elementy a potřeboval bych aby se všechny šoupaly nahoru zároveň... takhle se nejdřív vysune ta animace, překryje element nahoře a teprve potom se ten bílej element nahoře posune nahoru. Potřeboval bych nějaký opravdu univerzální řešení, abych nemusel upravovat všechny elementy co jsou nad tím, to je přece nesmysl...

Prosím o jakoukoliv radu..
margin
Profil *
quatzael:
Potřeboval bych nějaký opravdu univerzální řešení, abych nemusel upravovat všechny elementy co jsou nad tím
Jednoduché univerzální řešení je obalový DIV, ve tvém případě všech elementů, co jsou nad tím.
quatzael
Profil
margin:
jenže já tam mám ten rozbalovací div už někde uvnitř jinýho obalovýho divu, zjednodušeně nějak takhle:

<div class="div-above1"></div>
<div class="div-above2"></div>
<div class="div-above3"></div>

<div class="div-obal">
<div class="div-above-inside"></div>
<div class="div-slide"></div>
<div class="div-bellow-inside"></div>
</div>

potřebuju robalovat ten div-slide
quatzael
Profil
No tak jsem vymyslel vlastní univerzální řešení: http://jsfiddle.net/YDedH/116/

Použil jsem tam cyklus for. V tom příkladu to funguje perfektně, akorát na mojí stránce je to takový pomalý natahování, řekl bych, že rychlost odpovídající cca 2500 ms (tipuju), s tím, že se tam vytahuje 100px nahoru.. Potřeboval bych aspoň nějakých 500ms..

Nemáte někdo nějakej nápad jak to jednou provždy vyřešit..

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: