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

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

说明

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

具体JS代码如下:

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

 

 

 

感谢您的来访,获取更多精彩文章请收藏本站。

THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容