JSFiddle - React, Tailwind, and code Playground

HTML

<div id="index"> <ul> <li><a href="#index_a">A</a></li> 
<li><a href="#index_v">V</a></li> <li><a href="#index_w">W</a></li> </ul> </div>
<br />
<div id="previewer"> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <h3 id="index_a">A</h3>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <h3 id="index_v">V</h3> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <h3 id="index_w">W</h3> 
</div>

CSS

#previewer {
    height: 400px;
    overflow: auto;
    border: 1px solid red;
}

JavaScript

$('div#index ul li a').click(function() {
    $($(this).attr('href')).get(0).scrollIntoView();
});