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

时间:2012-07-16 15:29:32

标签: jquery-ui positioning

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

以下是演示:http://jsfiddle.net/lrocksmashtime/MJwdP/

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

1 个答案:

答案 0 :(得分:6)

您的代码:

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

可以理解为:将“my”元素置于“at”target element top

正确的代码是:

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

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

这可以按预期运行:http://jsfiddle.net/MJwdP/18/