DEBUG:javascript保持div的滚动条始终在最下面，解决scrollTop始终为0的问题

最新推荐文章于 2025-05-29 11:52:53 发布

原创最新推荐文章于 2025-05-29 11:52:53 发布 · 6.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #调试 #scrollTop

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使网页中的滚动条始终保持在最底部的方法，适用于实时更新内容的场景，如聊天窗口或评论区。通过模拟点击事件实现，提供了一个具体的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.前言

我想让摸一个div的滚动条始终在最下面，有一个方法是div.scrollTop = div.scrollHeight;经过测试不好使，scrollTop属性始终为0

2.参考了一些的网址之后，我发现有一个方法很好使，代码如下：

<script language="javascript1.2" type="text/javascript">
function onGetMessage(context) 
{
	console.log("context is " + context);
	document.getElementById("msg").innerHTML += context +"<br>";
	document.getElementById("msg_end").click(); 
} 
</script>
<div style="width:500px;height:300px;overflow:auto">
<div id="response" style="overflow:hidden;width:100%;">
</div>
<div>
<a id="msg_end" name="1" href="#1"> </a>
</div>
<button id="btn" onclick="onGetMessage('papapa')">getMessage</button>
</div>

解决的思路就是每次添加一个文本的时候，模拟按键被按下，这样就可以实现每次都在最下面的效果

其他方法：

http://www.cnblogs.com/hnyei/archive/2011/09/20/2182199.html