使用 refs 在 React 中滚动到不同的、可滚动的 div 中的元素

Question

我正在寻找滚动元素以查看何时在单独的 div 中调用回调。

我正在关注这个线程，如果元素在同一个 div 中，它似乎可以工作，但如果引用是对不同 div 中的元素的引用，则不起作用。

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

我怎样才能做到这一点？

Answer 1

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

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