时间戳

首页 > 解决方案 > 如何滚动定义了最大高度的底部容器？

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

问题描述

我必须滚动只定义了最大高度的底部容器。我尝试使用scrollTop = scrollHeight但它对我不起作用？

请指教

我的容器（HTML/JSX）：

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

CSS

display: flex;
max-height: 400px

预期结果

当组件出现时，容器总是滚动到底部。

类似的解决方案

container.scrollTop = contentHeight - containerHeight;

但上述解决方案只能在定义高度而不是最大高度的情况下正常工作；/

标签： javascripthtmlcssreactjs

解决方案

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

推荐阅读