react-custom-scrollbars动态内容滚动

Question

我一直在我的应用中使用react-custom-scrollbars进行自定义滚动，有一点，数据将是动态的，滚动应该转到底部或最近添加的数据。

简单的react-custom-scrollbar如下所示：

import { Scrollbars } from 'react-custom-scrollbars';

class App extends Component {
  render() {
    return (
      <Scrollbars style={{ width: 500, height: 300 }}>
        <p>Some great content...</p>
      </Scrollbars>
    );
  }
}

上面的代码工作正常，在我的情况下，内容<p>Some great content...</p>是动态的。

尝试添加动态数据并完成它，滚动中发生了真正的问题。滚动应该转到最近添加的元素，它可以工作，但之后它停止了原生滚动功能。

您可以看到整个代码here

更新了问题的GIF：

对此的任何帮助都非常感激。