0

div同じ CSS クラスを持つ 2 つの s が重なり合っているとします。

div {
  width:100px;
  height: 100px;
  background: red;
}

divページの上部にあるボタンをクリックすると、下部の画面から新しいものが作成され、2番目の場所で停止するように上に移動するようにするにはどうすればよいですかdiv..ボタンをもう一度クリックすると、4番目divが移動します画面の下から入って、3番目の場所で停止しdivます...など、「積み重ねられた」div効果を作成しますか?

position:fixedの値を調整することについては知っていますtopが、この効果を実現するためにアニメーションを停止する場所を動的に計算する方法がわかりません。

4

1 に答える 1

3

最後に追加された div を jQuery オブジェクトとして持っている場合、その下部の y 位置を次のように計算できます。

 var divTop = $(lastDiv).offset().top;
 var divBottom = divTop + $(lastDiv).outerHeight();

次に、新しい div の一番上の値を equal にアニメーション化しますdivBottom。

于 2012-06-13T04:39:51.203 に答える