offsetのずれ

© frogra.jp

offsetのずれ

jQueryやCSSでアニメーションをつくっている時、要素のオフセットを利用する場合が多々あります。

この時、アニメーションで要素が重なるような処理をすると、微妙に要素の位置にずれが生じることがあります。

 

これは、「text-align:center」などの自動調整をしていることによるオフセットの少数点が原因で起こるようです。

ブラウザごとに小数点の扱いも違うため、オフセット取得をしている場合は、「Math.floor」などで小数点を処理してあげるとずれが解消されます。