JSFiddle - React, Tailwind, and code Playground

HTML

<div style="background:green;">
    <div style="background:blue;">
        <div style="background:yellow;">
            <div id="tgt" style="background:tomato;">
            </div>
        </div>
    </div>
</div>

CSS

div{
    height: 150px;
    padding: 20px;
    overflow: auto;
}

body > div{
    
    width: 300px;
}

div{
    margin-top: 322px;
}

JavaScript

$('div').scrollTop(300);

//Как получить позицию красного блока относительно желтого? То есть, по сути, 322?