固定元素上的Jquery UI .position()

Question

Jquery UI的.position()函数似乎在滚动时固定的元素上被破坏了.例如,我试图在页面顶部(如标题)的固定元素的"中心顶部"放置一个新元素(下面的演示中的蓝色块).我期望.position()中的碰撞检测会将元素翻转到"中心底部".它是第一次工作,但是如果有人在页面向下滚动部分,它就完全坏了.

这是一个演示:http://jsfiddle.net/lrocksmashtime/MJwdP/

要查看效果,请在未滚动结果窗口时单击"单击",然后在滚动一点后再次单击它.

Answer 1

你的代码:

my: "bottom",
at: "top",

可以理解为:将"my"元素置于"at"目标元素顶部

正确的代码是:

my: "top",
at: "bottom",

可以理解为:将"my"元素置于"at"目标元素底部

这可以按预期工作:http://jsfiddle.net/MJwdP/18/