使用 Overflow:auto 获取 div 的高度;

发布于 2024-09-09 09:15:04 字数 261 浏览 11 评论 0原文

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

底部的 div

我想滚动我尝试过的

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

,但如果内容大于 100px $("#chat_content").height() 返回 100 并且 div 没有滚动到底部

我该怎么办?

谢谢

i have a div with height:100px and overflow:auto
the content is dynamic.

i want scroll the div in the bottom

i tried with

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

but if the content is bigger than 100px
$("#chat_content").height() returns 100 and the div isn't scrolled on the bottom

how can i do?

thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

笑,眼淚并存 2024-09-16 09:15:04

从底层 DOM 元素获取 scrollHeight 属性:

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

Get the scrollHeight property from the underlying DOM element:

$("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight);
凉城 2024-09-16 09:15:04

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

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

夜还是长夜 2024-09-16 09:15:04

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

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

Another way is to just wrap the internal content in a div and then just change your ".height" call to

$("#chat_content").scrollTop($("#chat_content div").height());
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文