web-dev-qa-db-ja.com

jQueryslideDownはスムーズではありません

私はこの小さなjQueryslideDown効果を持っています http://jsfiddle.net/Gg4eP/2/

しかし、アニメーションはスムーズではありませんか?私が間違っていることは何ですか?

御時間ありがとうございます。

11
user13746

展開可能な各divに幅を追加するだけです。

http://jsfiddle.net/BpMam/

説明する:

jQueryは、非表示のdivが表示されるまでそのサイズを認識しません。そのため、クリックすると、実際に位置がずれて測定され、すぐに交換されます。これはしばしば、いくらかのジャンプを引き起こすという副作用があります。要素に幅を設定すると、jQueryが要素を所定の位置から引き出せなくなります。

24
Gregg B

一部のブラウザは、アニメーション化時に自動的に折り返されるテキストを特に好まないため、要素の高さを計算しようとすると少しぎくしゃくします。

要素に合うようにテキストをフォーマットしてみて、それが役立つかどうかを確認してください。

私は実際にあなたのためにそれをしました、これがそれを解決するかどうかチェックしてください [〜#〜] fiddle [〜#〜]

スライドした要素にも固定の高さを与えるように機能するでしょうか?

[〜#〜]フィドル[〜#〜]

1
adeneo