0

jQuery.animate() を使用したアニメーション中にオフセットが発生する原因を知っている人はいますか? 下の私のリンクをクリックすると、jQuery によるアニメーションが表示されます。問題は、一番上の要素がオフセットを引き起こすか、開始時に高速になることです。この 2 つの要素を同期させるためにあらゆることを試みましたが、何時間も失敗しました。

アニメーションのオフセット

最初にcssとjavascriptを再構築しました.1つの要素の高さと他の要素の「底」をアニメーション化しようとすると問題だと思ったからです。そのため、すべてを変更して、「下」スタイルのみを変更しました。

しかし、結果は同じです。次に、各アニメーションの長さを変更しました。再び...運が悪い!

他にも CSS と Javascript を変更しましたが、うまくいきませんでした。

たぶん、jQuery の .animate が理解できず、見たことのないものがあります。

4

1 に答える 1

0

問題は、waterLevelTop が waterLevel の下で始まり、waterLevel の途中で終わることです。私はあなたがそれが常に真ん中にあることを望んでいると思います. min-height: 20px; それを修正するには、.bottle .waterLevelTopブロックに追加するだけです。

編集:「修正」を表示するフォークを作成しましたhttp://codepen.io/anon/pen/Bledw

于 2013-11-07T17:53:58.913 に答える