保持 div 滚动到底部 - jquery

【问题标题】：keep div scrolled to bottom - jquery保持 div 滚动到底部 - jquery
【发布时间】：2012-03-27 22:58:23
【问题描述】：

我在一个连接到 WebSocket 的网页上有一个聊天框。我只是想知道我如何让聊天框始终保持在底部。我有一些这样的作品，但它太容易坏了。看这里：http://sightofnick.com/public/sub-routine(alpha-24)/public.socket.io.html

提前感谢您的建议。

编辑：我想我要问的是，将滚动条固定在底部的最佳方法是什么？

【问题讨论】：

【解决方案1】：

当您获得#display 的高度时，您可能正在使用.height()，并且由于有一个滚动条，我可以假设您正在使用overflow: auto？

如果是这种情况，那么.height() 将始终获取 CSS 中的硬编码值，而不是内容生成的实际高度。

为了修复它，请使用 $('#display')[0].scrollHeight 而不是 $('#display').height() - 这将根据当前内容为您提供实际高度（以 px 为单位），无论您在 CSS 中如何设置。

【讨论】：