2011-07-08 4 views
1

(jqueryまたはmootoolsを使用して)いくつかの要素をアニメーション化するための最良かつ効果的な方法を探しています。絶対にそれを配置jsライブラリを使用してdomオブジェクトをトゥイーンするときに操作するのに最適なプロパティ

  • と絶対にそれを使用
    マージントップまたはマージン左
  • を位置付けるトップ または左
  • を使用した:i要素を移動する必要がある場合 には、例えば、それはより良いです
  • それを配置固定し、 トップまたは
    を使用するには、大きなコンテナを作成し、
    のbackground-position
  • を使用
  • を残しました0
+0

すべてのアニメーションの種類によって異なります。 jQueryのアニメーションは私にとって最も興味深いものですが、アニメーションが異なるのに対し、要素が固定/絶対または相対、幅%/ 'px'などのように配置されることがあります。十分な驚きと可能性は決してありません。 Expetially jQuery UserInterface(UI)を使用しています。私はあなたの質問を理解していないので、少し説明してもらえますか?どのような種類のアニメーション? –

答えて

2

left/topの値を指定しないと、絶対位置+マージン操作で素晴らしいトリックを行うことができます。

どのようなトリックですか? margin-left/margin-topその位置にを追加する一方

絶対位置を持つ要素が、無left/topは、静的な要素が発生するのと同じ位置にレンダリングされます。そのような要素をアニメーション化すると、DOM /タイムアウトアニメーションの主な欠点である不要なレイアウトリフローを引き起こす - 全体

​​

、私はあなたがオプションとして、静的な位置を言及していない感謝しています。

あなたが検討しているオプションの中でも、最も良いのはバックグラウンドのオプションだと思います。しかし、グラフィックコンテンツだけを移動できるので、アプリケーションが限られています。だから私はオプション#1に行くだろう。

+1

私は同意します。はい、それはあなたがトゥイーンであるかどうかによって異なります。背景画像は、実際に要素を再配置しないので、一部の画像(またはその外観、うまくいけば)を動かすので、パフォーマンスとしてはおそらく最高になるでしょう。そうでなければ、marginTop/'Left'は、あなたの要素が上記のように'絶対的なもの 'であればうまくいきます。 fixedはx-browserではなく、top/left moddingはブラウザのサイズ変更にはうまくいかない。 –

+0

ありがとうございます。可能であれば、私はできる限り毎回bgプロパティをトゥイーンするつもりです。 – Luke

関連する問題