I have a div of which "position" property is "absolute".
var a = $(div).first();
a.animate({top:20});
a.css("top");
>>"20px"
a.position().top;
>>15.243560791015625
What happened? The .position()
gives me the position relative to the first positioned ancestor. Wouldn't it be the same as css's position?
Edit: or maybe I ask 开发者_如何学Canother question. How can I call .animate
to make a.position().top === 20?
Edit2: found the bug. It's "rotate".
Edit3: for some reason, the ui.position()
in jQuery UI plugin's callback works as .css("top")
, not .position()
. Although they have the same names.
jQuery's position
is relative to the offset parent (source). Using jQuery's offset
is relative to the document (source) which should produce the same number if you're element has a fixed position
Sorry for wasting your time... I looked around my css style and found the problem.
The problem is caused by "rotate".
When an element is rotated, it's .position()
would be changed but css not.
So they are different.
Anyway, thank you all for answers.
精彩评论