如何滚动已定义最大高度的底部容器？

Question

我必须滚动仅定义了max-height的底部容器。 我尝试使用scrollTop = scrollHeight但对我不起作用？

请指教

我的容器（HTML / JSX）：

<div>  
  <ListElement />
  <ListElement />
  <ListElement />
  <ListElement />
</div>

的CSS

display: flex;
max-height: 400px

预期结果

出现组件时，容器始终滚动到底部。

类似的解决方案

container.scrollTop = contentHeight - containerHeight;

但以上解决方案只能在定义的高度上不能正常工作max-height; /

Answer 1

尝试container.scrollTo(0, container.scrollHeight)