jquery-ui - jQuery UI .position()在固定元素上

Question

jQuery UI的.position()函数似乎在滚动时固定的元素上损坏。例如，我试图将新元素(下面的演示中的蓝色块)放置在页面顶部(如标题)的固定元素的“顶部中央”。我预计.position()中的碰撞检测会将元素翻转到“中心底部”。它是第一次工作，但是如果有人向下滚动页面，则它完全坏了。

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

若要查看效果，请在未滚动结果窗口时都单击“单击”，然后在滚动一点后再次单击它。

Answer 1

您的代码:

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

可以读取为:位置“我”元素底部位于“目标元素”顶部

正确的代码是:

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

可以读取为:位置“我”元素顶部位于“目标元素”底部

这可以按您期望的那样工作: