JS动态添加内容时让滚动条跟随内容的增加滚动

岳泽以

发布于 2023-05-19 15:54:21

2.7K0

发布于 2023-05-19 15:54:21

这两天研究GPT，然后在写对话时，因为对话是js动态添加的，然后随着内容的增多，要想让滚动条跟随内容的增多往下滚动，所以需要添加一个滚动条监听，并且随着内容增多将滚动条自动往下滚动。

具体JS代码如下：

<!-- 滚动条监听 -->
    <script>
        var element = document.getElementById("myElement"); // 获取需要滚动的元素
        // 在内容变化时自动滚动到底部
        element.addEventListener("DOMSubtreeModified", function () {
            element.scrollTop = element.scrollHeight;
        });
    </script>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2023 年 05 月，如有侵权请联系 cloudcommunity@tencent.com 删除

element