使用jQuery填充底部的动态高度

时间:2010-11-16 18:58:54

标签: jquery

我有点问题。在以下链接中,您可以看到一个基于jQuery的小注释字段。

如果我点击左侧的更多按钮(“mehr”),它将打开属于当前左侧框的详细信息框。细节盒是绝对定位的,所以如果细节盒比自由位置更高,它将在包装盒底部裁剪。

可以理解吗? :)

jQuery comment toggle

我希望有人能帮助我,因为我今天必须完成它;)

来自柏林的问候

1 个答案:

答案 0 :(得分:0)

您可以检查详细信息框的css top + height值是否大于容器值,然后添加负上边距以抵消它。

例如:if:

  • #wrapper的高度为900px
  • 点击
  • mag 9 mehr
  • .detail-45的{​​{1}}为274px
  • height的{​​{1}}位置为800px
  • .detail-45添加-174px的负上边距,即900(+ 8 + 274)

您只需在top处理程序中添加此项检查。

(如果您愿意,也可以更改.detail-45的值,但如果您不想进行额外的数学运算,这是一个很好的折衷方案。)