Javascript/jQuery 滚动到 div 底部问题

发布于 2024-12-04 08:16:29 字数 690 浏览 0 评论 0原文

网站 - http://www.srcf.ucam.org/~sas98/workspaces /project.php

CSS - http://www.srcf.ucam.org/~sas98/workspaces/style.css

查看源代码中的第 54-58 行,复制如下。

<script type="text/javascript">
var objDiv = document.getElementById("chatbody");
objDiv.scrollTop = objDiv.scrollHeight;

// $("#chatbody").scrollTop($("#chatbody")[0].scrollHeight);

我试图使滚动条在页面加载时转到底部,并在发布消息时保持在那里。我在这里搜索并尝试了许多选项,但它们似乎不起作用。我确信这取决于一些非常基本的事情,比如我放置代码的位置(我确信我有正确的 div,因为它是在 CSS 中指定溢出的那个)。

有什么想法吗?

Site - http://www.srcf.ucam.org/~sas98/workspaces/project.php

CSS - http://www.srcf.ucam.org/~sas98/workspaces/style.css

Have a look at lines 54-58 in the source code, reproduced below.

<script type="text/javascript">
var objDiv = document.getElementById("chatbody");
objDiv.scrollTop = objDiv.scrollHeight;

// $("#chatbody").scrollTop($("#chatbody")[0].scrollHeight);

I'm trying to make the scroll bar go to the bottom on page load and stay there when a message is posted. I've searched on here and tried many of the options but they don't seem to be working. I'm sure it's down to something quite basic like where I'm putting the code (thought I'm sure I have the right div because it's the one that specifies overflow in the CSS).

Any ideas?

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

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

发布评论

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

评论(2

尹雨沫 2024-12-11 08:16:30
  1. 更新你的jquery!您使用的是版本 1.1.2
  2. 更新到最新版本后,您可以使用 http://api.jquery.com /scrollTop/
  3. 停止每 1 秒通过 ajax 进行 HTTP 获取,这是垃圾邮件,有更好的解决方案,例如 HTTP 推送
  1. Update your jquery! You are using version 1.1.2
  2. After you updated to the latest version you can use http://api.jquery.com/scrollTop/
  3. Stop doing HTTP gets via ajax every 1 second that's spamming, there are better solutions like HTTP push
素染倾城色 2024-12-11 08:16:29

var objDiv = document.getElementById("chatbody"); 应运行 onload (window.onload / $(document). ready(); )

objDiv.scrollTop = objDiv.scrollHeight; 可能需要作为获取聊天的 ajax 的回调运行,也许这个函数功能成功(响应,状态)

var objDiv = document.getElementById("chatbody"); should be run onload (window.onload / $(document).ready(); )

objDiv.scrollTop = objDiv.scrollHeight; probably needs to be run as a callback to the ajax which fetches the chat, perhaps this function function success(response, status)?

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