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

Question

我有几个在x轴上溢出的组件/ div。我在每个滚动组件element.scrollIntoView()中为1个元素调用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。每次都滚动相同的元素。如果我有实时数据，这对于调试来说很烦人。