用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的價值，如果你喜歡，但如果你不想做額外的數學，這是一個很好的平衡。）