除非用户向上滚动，否则将溢出div滚动到底部

Question

我有一个只有300像素大的div，我希望它在页面加载时滚动到内容的底部。此div具有动态添加的内容，并且需要一直向下滚动。现在，如果用户决定向上滚动，我不希望它跳回到底部，直到用户再次向下滚动是否有可能使div保持滚动到底部，除非用户向上滚动，并且当用户滚动回到底部时，即使添加了新的动态内容，它也需要保持在底部。我将如何创建这个。

Answer 1

这可能对您有帮助：

var element = document.getElementById("yourDivID");

element.scrollTop = element.scrollHeight;

[编辑]，以匹配评论...

function updateScroll(){

    var element = document.getElementById("yourDivID");

    element.scrollTop = element.scrollHeight;

}

每当添加内容时，请调用函数updateScroll（）或设置计时器：

//once a second

setInterval(updateScroll,1000);

如果您只想在用户不动的情况下进行更新：

var scrolled = false;

function updateScroll(){

    if(!scrolled){

        var element = document.getElementById("yourDivID");

        element.scrollTop = element.scrollHeight;

    }

}

$("#yourDivID").on('scroll', function(){

    scrolled=true;

});