Flex-Direction Column Reverse 可以工作,但需要它不自动滚动到底部

oti*_*ac1 6 html javascript css

我正在使用 Flexbox,我需要反转内容。这很好用,但是列表中有很多项目,最新的项目位于顶部。目前,弹性框自动滚动到底部,我需要它从顶部开始。

有什么建议么?

#viewed {
    overflow-y: auto;
    margin-bottom: 10px;
    height: calc(100% - 10px);
    flex: 1 1 auto;
    flex-direction: column-reverse;
    display: flex;
}
Run Code Online (Sandbox Code Playgroud)

新的 div 是动态从 Firebase 中提取的。

Dan*_*Dan 0

尝试:

let viewed = document.getElementById('viewed');
viewed.scrollTop = 0;
Run Code Online (Sandbox Code Playgroud)