本文介绍了强制滚动条到底部的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在制作一个运行良好的小型消息传递/聊天系统。问题是,输出消息的<div>
没有按我需要的方式滚动。
所有新消息都将添加到div的底部,当添加更多消息并显示滚动条时,滚动将保留在<div>
的顶部。我需要颠倒此设置,以便滚动始终位于<div>
的底部。
我想要的一个很好的示例是Steam的聊天窗口,甚至是我用来填写问题的文本输入。
因为我想避免jQuery,这让我完全卡住了。如果你能给我指个正确的方向,那就太好了!我不确定HTML和CSS是否可以处理此问题,或者是否需要JavaScript。
div
下面的推荐答案代码应该会使div的滚动条保持在底部,如您所述:
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;
可以在以下链接中找到此解决方案和更多信息:
http://web.archive.org/web/20080821211053/http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html
这篇关于强制滚动条到底部的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!