.NET DIV滚动条变化后自动置底

最新推荐文章于 2024-08-09 11:20:59 发布

未闻花名996

最新推荐文章于 2024-08-09 11:20:59 发布

阅读量417

点赞数

分类专栏： .net 文章标签： .net 聊天室 DIV

.net 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在聊天室应用中实现消息自动滚动到最新位置的方法。通过使用JavaScript为div元素添加滚动监听事件，确保每次接收新消息时，滚动条能够自动滑动到底部，以便用户能实时查看最新对话。

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

在做一个聊天室，我给div加了滚动条，在自动更新信息时，div的滚动条高度会变化，变化后自动置底，给它加个监听事件onscoll就可以了。

<script type="text/javascript">
        function setDivScoll() {
            var txt = document.getElementById("div1");
            document.body.focus();
            txt.scrollTop = txt.scrollHeight;
        }
    </script>

<div id="div1" runat="server" onscroll="setDivScoll()" style="float: left; text-align: left; width: 100%; height: 500px; overflow: scroll; border: #003278 1px solid;">