用jQuery填充底部的动态高度

Question

我有一个小问题。在后面的链接中，您可以看到一个基于jQuery的小型注释字段。

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

可以理解吗？ :)

jQuery comment toggle

我希望有人能帮助我，'因为我今天必须完成它;）从柏林

问候

Answer 1

您可以检查细节框的CSS top + height值超过容器价值，然后添加一个负的顶部边距来抵消它。

例如，如果：

• #wrapper具有900px
• MAG 9梅尔的高度被点击
• .detail-45具有height的274px
• .detail-45具有800像素
• 一个top位置在-174px的.detail-45上加上一个负的上限，即900-（800 + 274）

您只需在您的click处理程序中添加此检查。

（你也可以改变的top的价值，如果你喜欢，但如果你不想做额外的数学，这是一个很好的平衡。）