【问题标题】:using a combination of css and jquery to position position a new element使用 css 和 jquery 的组合来定位新元素
【发布时间】:2013-11-10 22:17:27
【问题描述】:

好的,所以这是一个奇怪的问题,我的页面上有一个页脚,当元素悬停在上面时,我使用 jquery 到 show() 内部 <div style="display: none;" > 但是我试图定位元素,以便新的陶醉<div> 位于页脚顶部

如果我更新我要显示的元素的高度,这将相当简单,但这取决于屏幕尺寸,因此是未知数。

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

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

这里有点-->jsfiddle

或者你可以在临时站点上检查问题 --> 删除

再次,我希望新加入的元素在页面中居中并位于页脚上方,但不知道如何实现这一点

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

【问题讨论】:

  • 如果你仍然依赖 jQuery,为什么不在取消隐藏元素时通过 jQuery 获取高度?
  • @SombreErmine 这是一个好问题.. 我通常只是摆弄 css top 以获得我喜欢的确切位置,但似乎无法弄清楚在 jquery 中执行它的逻辑跨度>
  • 你的小提琴似乎不起作用......
  • 我的 appologies.. 未保存,更新后更改 url ...我找到了解决问题的方法,尽管使用 jquery .offset() 样式属性将很快发布我的答案
  • 然后将其添加为解决方案并关闭它。

标签: jquery html css


【解决方案1】:

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

这是新方法 --> jsfiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-20
    • 1970-01-01
    • 2018-03-17
    • 1970-01-01
    • 2011-01-12
    相关资源
    最近更新 更多