我有一个自定义聊天框。我添加了 overflow-y 来滚动。 现在,每当我在文本框中写一些东西时,它就会出现在滚动条窗口中。 如何让滚动条窗口显示我写的最后一条消息,在我的例子中它总是显示在顶部。
最佳答案
在 Javascript 中你可以试试,假设你的 div 有 id "scrolling"
document.getElementById("滚动").scrollTop = document.getElementById("滚动").scrollHeight;
其中 scrollTop 是对象滚动的像素数,scrollHeigth 是元素内容的总高度,包括由于溢出而不可见的内容。
重要:
上面的代码应该在每次聊天框中出现新消息时执行,为此它应该位于脚本中的正确位置。
来源:
https://developer.mozilla.org/en-US/docs/DOM/element.scrollTop
https://developer.mozilla.org/en-US/docs/DOM/element.scrollHeight
另一种解决方案:
也许您也可以通过为消息设置 anchor (#idOfLastMessage),然后使用 iframe 而不是指向 www.yoursite.com/url-of-the-message-list 的 div 来实现#idOfLastMessage
关于javascript - 自定义聊天框滚动条始终显示在底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13620002/