如何为Div底部滚动功能添加平滑滚动效果

你可以直接使用容器元素的scrollTo()方法，它和window.scrollTo()一样支持behavior: 'smooth'参数，修改你的函数即可实现平滑滚动：

function updateScroll(){
    var objDiv = document.getElementById("con-result");
    objDiv.scrollTo({
        top: objDiv.scrollHeight,
        behavior: 'smooth'
    });
};

另外还有一种方法，如果你想确保容器里的最后一个内容元素完全进入可视区域，可以用scrollIntoView()：

function updateScroll(){
    var objDiv = document.getElementById("con-result");
    var lastItem = objDiv.lastElementChild;
    if (lastItem) {
        lastItem.scrollIntoView({ behavior: 'smooth' });
    }
};

这两种方法都能实现平滑滚动到底部的效果，你可以根据需求选择：

• 前者直接将容器滚动到最大高度，适合不需要关注具体元素、只需要滚到底的场景
• 后者会让最后一个子元素滚动到容器的可视范围内，适合内容动态添加后要确保最新内容可见的场景

内容的提问来源于stack exchange，提问作者user1753640