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

2023-05-19 15:54:21 浏览数 (3)

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

具体JS代码如下:

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

1 人点赞