使用引用滚动到React中另一个可滚动div中的元素

Question

我想滚动一个元素以在单独的div中调用回调时查看。

我正在遵循这个thread，如果该元素在同一div中，则似乎可以使用，但是如果引用是在不同div中的一个元素，则无法使用。

反应沙盒：https://codesandbox.io/s/unruffled-carson-w8o46?file=/src/App.js

我该如何实现？

Answer 1

您正在尝试滚动窗口，但需要滚动父块。通过开发人员工具检查元素并查看。

const scrollToRef = ref => {
  ref.current.parentElement.scrollTo(0, ref.current.offsetTop);
};