我正在制作一个小型的消息/聊天系统,它工作得很好。问题是,用于输出消息的 <div>
没有按照我需要的方式滚动。
所有新消息都添加到 <div>
的底部,当添加更多消息并且出现滚动条时,滚动保持在 <div>
的顶部。我需要这个反过来,使滚动始终保持在 <div>
的底部。
我想要的一个很好的例子就是 Steam 的聊天窗口,甚至是我用来填写问题的这个文本输入。
由于我想避免使用 jQuery,这让我完全陷入了困境。如果您能指导正确的方向,那就太好了! 我不确定 HTML 和 CSS 是否能够处理此功能,或者是否根本不需要使用 JavaScript。