2012-02-07 4 views
0

質問があります。現在、私はあなたがホバーすると上に移動するDIVに取り組んでいます。 私は解決策でStackOverflowの上JSフィドルを見つけました。(http://jsfiddle.net/N9uwD/19/Divがホバーで表示されています

それが膨張すると、今、私は自分のニーズにDIVを変更しましたが、DIVシェイクの突然下。(http://jsfiddle.net/MeBxJ/609/を参照)

私はこの問題の解決策を見つけるのが難しいです。誰かが展開時にボトムが揺れることのない解決策を見つけるのを助けることができますか? CSSは今、正確に私がそれを必要とする(トップポジションなどで)。

http://jsfiddle.net/MeBxJ/609/

答えて

1

2つのものを一度にアニメーション化する場合は、常にこれを取得します。これを揺れなく動作させるには、アイテムをボトムに合わせ、高さをアニメートします。どのようにあなたがこれを使用するのかわかりませんが、オプションかもしれません。

+0

JSフィドルが変更されました。このdivは別のものの中にあるので、私はそれをしました。ここにその様子があります:http://jsfiddle.net/MeBxJ/642/。 divが下を振っているのが分かります。 –

+0

代わりにこれを試してください。 http://jsfiddle.net/89HPn/1/保持DIVが相対位置で、子DIVが絶対位置であることがわかりますか? 次に、高さをアニメーション表示します。 – sidonaldson

+0

divを終了するときにアニメーションを停止することは可能ですか?今では私のマウスで迷惑メールを吹き飛ばすと、上下に動き続けます。知っていますか? –

0

私はあなたが69pxない70pxに高さを設定しているので、それがあると思います。 thisあなたの意図は?

0

あなたはCSSにtopを設定していると思います。 top

は、あなたがそれを望んでいた場所にそれをダウンさせるために0px-35pxへと<br> sから行くためにはJavaScriptセットにCSSとtopに設定されていない、下振れすることなく動作するようです。完了

http://jsfiddle.net/MeBxJ/633/

2

!解決策は、下部属性を挿入して、divの下部が常に一定のままであるようにすることでした。次に、高さをアニメートするだけです。

トップとハイトを同時に変更していたため、ボトムが揺れていました。

http://jsfiddle.net/MeBxJ/644/

関連する問題