滚动到它们自己溢出的 div 中的几个元素

Question

我有几个组件/div 在 x 轴上溢出。我正在为每个滚动组件中的 1 个元素调用 element.scrollIntoView() componentDidUpdate()：

componentDidUpdate(prevProps, prevState) {
   console.log(prevProps)
   console.log(prevState)
   let activeAsst = getActiveCall(prevProps.detail)
   if (activeAsst == null) {
     return
   }
   let element = document.getElementById(`airCrew_${activeAsst.rep.id}`)
   if (element.scrollIntoView) {
     console.log("scrolling")
     element.scrollIntoView()  
   }
}

这适用于这些可滚动组件中的第一个。其余的不滚动。我可以看到每个可滚动组件的console.log("scrolling")。

知道为什么吗？我只针对 chrome，所以不用担心其他浏览器。

编辑：也尝试了element.scrollIntoViewIfNecessary()，但无济于事。

Answer 1

呸，我的错。我错误地生成了元素的 id，它们具有相同的 id。每次都滚动到相同的元素。如果我有实时数据，调试起来会很烦人，唷。