具有 flex-direction column-reverse 的 Flex 容器不会滚动到顶部

Answer 1

问题在于

scrollTop

的定位。由于反向属性，0 值将滚动到底部。简单的技巧是设置一个负值：

function scrollNotifications() {
    var element = document.getElementById('scrollDiv')
    element.scrollTop = -element.scrollHeight
}

Answer 2

如果您想检测滚动到顶部，这里有一个解决方案：

var element = document.getElementById('scrollDiv');
var elementHeight = element.scrollHeight - 1;

// Adding a scroll event listener to the element
element.addEventListener('scroll', function() {
    var currentPosition = element.clientHeight - element.scrollTop;
    if(elementHeight === currentPosition){
        console.log("reached top");
    }
});