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

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

具体JS代码如下：

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