当前位置：文江博客话题详情

如何设置滚动条的默认位置

发布于 2024-10-10 05:14:00 字数 113 浏览 0 评论 0原文

在我的网页中有一个聊天窗口。填写聊天日志后，用户使用滚动条在消息之间导航。我希望我的聊天框架始终显示位于底部的最后一条消息。我如何使用 CSS、JavaScript 来做到这一点？

谢谢，托梅尔

原文

分享到QQ

分享到微博

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

发布评论

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

御弟哥哥 2024-10-17 05:14:00

即使你不是你的问题的标签，这里也是我用于聊天网络应用程序的 jQuery 解决方案：

//Where chat_message_tray is the scrollable div in your chat
function chat_scroll(chat_messages_tray){
   var scroll_amount = $(chat_messages_tray).attr("scrollHeight") -  $(chat_messages_tray).height();

   $(chat_messages_tray).animate({ scrollTop: scroll_amount}, 500);
}

Even thou is not a tag on your question here is a jQuery solution i use for my chat web app:

//Where chat_message_tray is the scrollable div in your chat
function chat_scroll(chat_messages_tray){
   var scroll_amount = $(chat_messages_tray).attr("scrollHeight") -  $(chat_messages_tray).height();

   $(chat_messages_tray).animate({ scrollTop: scroll_amount}, 500);
}

回复收藏 0 原文

自控 2024-10-17 05:14:00

DOM 元素（无论如何，好的元素）支持一种名为 scrollIntoView() 的方法。如果您有对与最后一个聊天条目对应的 DOM 元素的引用（

或其他），您可以使用 scrollIntoView() 告诉浏览器它是应滚动周围的内容以使

可见。

现在，对于一些复杂的（或者可能不是那么复杂的；也许只是不幸的）页面布局，我不得不与 Internet Explorer 进行斗争，因为 Internet Explorer 想要滚动错误的内容，或者只是对页面做一些奇怪的事情。像 scrollIntoView() 这样的东西的本质是让浏览器决定它想要如何进行滚动。一般来说，在一个简单的滚动容器中（一个带有“overflow: auto”和固定高度的容器）中相当简单的内容，它确实可以工作。