jQueryアニメーションがアニメーション内で整数値のみを使用するように強制する方法はありますか? (前方互換性を念頭に置いて)
要素の幅をアニメーション化しています。
<div style="width: 25px">...</div>
アニメーションの途中で要素をインスペクターで見ると、多くの場合、値は 10 進数で非常に細かくなっています。
<div style="width: 34.24002943013px">...</div>
目標に到達すると、整数に「落ち着く」だけです。
<div style="width: 50px">...</div>
明らかに機能しているので、通常、私はこれについて気にしません。
ただし、このプロジェクトでは、常にピクセル パーフェクトを維持することが不可欠であり、分数のピクセル幅 (またはピクセル単位で測定されるその他の属性) を使用すると、ブラウザー間で一貫性のないレンダリングが行われるのではないかと心配しています。私は知っletter-spacing
ています。
アニメーションの途中でも、jQuery が小数点なしの値のみを使用するようにする方法はありますか?
編集:明確にする必要があるように感じます。私はただ使っているだけではありません.animate({width:50})
。私のアニメーションのほとんどは jQuery UIを利用した.hide()
および.show()
であり、私が探しているソリューションは明らかにそれらでも動作するはずです。