动画滚动到加载的元素

Question

我在obj.text内使用List。是否可以将滚动动画设置为已加载的特定元素？

我认为动画很重要，因为它给了列表时间来计算每一行的高度。

我尝试在列表上使用InfiniteLoader，但它不计算上面的行。因此，当用途向上滚动时，项目会跳来跳去。

Answer 1

是的，如果可以访问元素的ID，则是可能的： 示例：

componentDidUpdate(){
  let element = document.getElementById("scroll");
  if(element !== null)
    element.scrollIntoView({behavior: 'smooth'});
}

在我的render（）中有一个div，在加载组件时滚动到该div：

<div id="scroll"></div>

您也可以查看此答案，这可能会对您的情况有所帮助：

ReactJS: Modeling Bi-Directional Infinite Scrolling