使用溢出获取 div 的高度：自动；

Posted 2023-03-06

【中文标题】使用溢出获取 div 的高度：自动；

【英文标题】：get height for a div with overflow:auto;

【发布时间】：2011-03-15 05:13:59

【问题描述】：

我有一个高度：100px 和溢出的 div：auto 内容是动态的。

我想滚动底部的 div

我试过了

$("#chat_content").scrollTop($("#chat_content").height());

但如果内容大于 100px $("#chat_content").height() 返回 100 并且 div 不会在底部滚动

我该怎么办？

谢谢

【问题讨论】：

可能和-***.com/questions/2522579/…是同一个问题

见http://***.com/questions/2530829/auto-scroll-to-bottom-when-overflow-auto

【参考方案1】：

试试$("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight);

【参考方案2】：

从底层 DOM 元素中获取 scrollHeight 属性：

$("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight);

【讨论】：

+1 对于滚动高度！ :) 旁注：使用$()[0] 比$().get(0) 快

【参考方案3】：

另一种方法是将内部内容包装在 div 中，然后将“.height”调用更改为

$("#chat_content").scrollTop($("#chat_content div").height());