2

固定幅の親 div と子 div がある場合、

<div id="parent">
    <div class="children"></div>
    <div class="children"></div>
    <div class="children"></div>
    <div class="children"></div>
</div>

.

#parent {
    width:100px;
}

親の幅をアニメートしたい (したがって、子の幅もアニメートされます)。

子のパーセンテージ幅を使用すると、パフォーマンスが向上しますか?

.children {
    width:25%;
    float:left;
}

および 1 つのアニメーション要素:

$('#parent').animate({
    width : 0
}, 1000);

または、子の固定幅 (px に注意):

.children {
    width:25px;
    float:left;
}

そしてすべてのdivをアニメーション化します:

$('#parent,.children').animate({
    width : 0
}, 1000);

それとも、最終的にすべてが何らかの方法でサイズ変更されるので、まったく問題ではありませんか?

4

1 に答える 1

0

使用するサイズ単位は、アニメーションのパフォーマンスには影響しません。

ただし、パフォーマンスが本当に心配な場合は、jQuery の代わりに css3 トランジションを使用することを検討する必要があります (詳細はこちら: http://dev.opera.com/articles/view/css3-vs-jquery-animations/ )。

とにかく、あなたの場合、パフォーマンスの向上が顕著になるとは思えません。

于 2013-06-25T13:55:43.827 に答える