Question

I’m searching for a way to keep track of the css properties while a jquery animation is running.

For example:

I habe a div which will slide into the page. When the animation is done, everything looks fine but wihtin the animation the div is a few pixels to low and i’d like to see which css property this is causing. But the animation is too fast to see anything in the debugger.

Is there a way to monitor css properties in one of the browsers debuggers while an animation is running?

Answer 1

Slow down the animation so you can watch the numbers in your inspector.

.animate({left:"+=250"},20000)