JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <h1><a name="part1">Part1</a></h1>
    <ul>
        <li>Elem1</li>
        <li>Elem2</li>
        <li>Elem3</li>
        <li>Elem4</li>
        <li>Elem5</li>
        <li>Elem6</li>
        <li>Elem7</li>
        <li>Elem8</li>
        <li>Elem9</li>
        <li>Elem10</li>
        <li>Elem11</li>
        <li>Elem12</li>
        <li>Elem13</li>
    </ul>    
    <h1><a name="part2">Part2</a></h1>
    <ul>
       <li>Elem1</li>
        <li>Elem2</li>
        <li>Elem3</li>
        <li>Elem4</li>
        <li>Elem5</li>
        <li>Elem6</li>
        <li>Elem7</li>
        <li>Elem8</li>
        <li>Elem9</li>
        <li>Elem10</li>
        <li>Elem11</li>
        <li>Elem12</li>
        <li>Elem13</li>
    </ul>
    <h1><a name="part3">Part3</a></h1>
    <ul>
        <li>Elem1</li>
        <li>Elem2</li>
        <li>Elem3</li>
        <li>Elem4</li>
        <li>Elem5</li>
        <li>Elem6</li>
        <li>Elem7</li>
        <li>Elem8</li>
        <li>Elem9</li>
        <li>Elem10</li>
        <li>Elem11</li>
        <li>Elem12</li>
        <li>Elem13</li>
    </ul>
</div>
<div id="controls">
    <ul>
        <li><a href="#part1">Part1</a></li>
        <li><a href="#part2">Part2</a></li>
        <li><a href="#part3">Part3</a></li>
    </ul>
</div>

CSS

#container {
    float:left;
    height:600px;
    overflow:auto;
}
#controls {
    float:right;
}