オーバーフローしたdiv内のいくつかの要素にスクロール

Question

x軸にオーバーフローするコンポーネント/ divがいくつかあります。これは、これらのスクロール可能なコンポーネントの最初のために働いている

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() 
    } 
} 

：私はこれらのスクロール部品componentDidUpdate()のそれぞれにおける1つの要素のelement.scrollIntoView()を呼んでいます。残りはスクロールしません。スクロール可能なコンポーネントごとにconsole.log("scrolling")が表示されます。

理由は何ですか？私はクロムをターゲットにしているので、他のブラウザについては心配しないでください。

編集：また試しましたelement.scrollIntoViewIfNecessary()無駄です。

Answer 1

バー、私の間違い。私は要素のIDを間違って生成していて、同じIDを持っていました。同じ要素が毎回スクロールされていたからです。私がライブデータを持っていれば、デバッグするのは面倒だったでしょう。