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

Question

我有几个组件/ div在x轴上溢出。我打电话element.scrollIntoView()在每个滚动部件componentDidUpdate()的1元：

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

Bah，我的错。我错误地生成了元素的ID，并且它们具有相同的ID。每次都在滚动相同的元素。如果我有实时数据，这将会非常烦人。