javascript - 垂直对齐到聊天页面和页面滚动的底部

Question

我正在使用 AJAX 和 PHP 创建一个聊天应用程序。我已经成功地让聊天在显示聊天的 div 底部对齐。加载新消息时，消息成功添加到 div 的底部并使用 JS 我将滚动条移至底部以显示新消息。就像下面这样:

if(document.getElementById("oldmessages").scrollTopMax)
               {
                   if(document.getElementById("oldmessages").scrollTopMax > document.getElementById("oldmessages").clientHeight)
                   {
                   document.getElementById("oldmessages").scrollTop = document.getElementById("oldmessages").scrollTopMax;
                   }
               }

问题是，每次通过不断轮询服务器的 ajax 请求加载新聊天时，都会触发这段代码，并且每次滚动条都会到达底部。即使用户可能正在检查最后一条消息上方的消息，它仍然表现得像这样，因为我不确定如何纠正这个问题。有没有办法帮助解决这个问题，并且当用户查看最后一条消息上方的消息时不让滚动条滚动到底部？

请贡献。

Answer 1

您可以使用 element.scrollTop 在 ajax 启动时获取 scroll 的 position .如果 scroll bar 的 position 不在 bottom 则将位置设置在 old position。第一次可以将scroll的position设置在bottom。