使用css和jquery的组合来定位一个新元素

时间:2013-10-31 02:39:11

标签: jquery html css css3

好吧所以这是一个奇怪的问题,我在页面上有一个页脚,当元素悬停在我上面时,我使用jquery来show()内部<div style="display: none;" >但是我试图将元素定位为那个新发现的<div>坐在页脚顶部

如果我新增了我所展示的元素的高度,这将是相当简单的,但这取决于屏幕尺寸,因此是未知的。

那么我怎样才能让它始终位于页脚顶部。

此外,我想将新显示的元素相对于页面居中

这里有点 - &gt; jsfiddle&lt; - 我汇总以证明问题

或者您可以在交错的网站上查看问题 - &gt;取下

我希望新发布的元素能够在页面中居中并位于页脚的正上方,但却无法弄清楚如何实现这一目标

(希望这有道理) 在此先感谢您对解决方案的一个或两个部分的任何帮助!

1 个答案:

答案 0 :(得分:0)

好的,所以一旦我发现了jquery .offset()样式属性我就开始参加比赛了@SombreErmine在评论中指出我刚刚找到了页脚元素的偏移量,然后计算了新显示元素的高度。随着新发现的elemnet有position: absolute;,很容易使用jquery offset(cordinates)正确放置poistion:

这是新的 - &gt; jsfiddle&lt; - 揭示新方法