html scrollable area define scrolled position

I have the following scrollable area, the html (using ember, so written using hbs) receives the selected div in the scrollable area, and it colors the selected div in gray. (code below).

Here is how the div looks like:

here is the html (hbs)

        <div role="listbox" style="overflow-y: auto">
            
                <div class="variable-row  ">
                    
                </div>
            
        </div>

my issue is when the selectedVar isn't seen (for example var under kkkk needs to be scrolled to be seen) is there anyway I can tell the html to scrolled down to the selectedVar? something like

            
                <div >
                    
                </div>