JSFiddle - React, Tailwind, and code Playground

HTML

<div class="input-helper" style="display: block; height: 200px;">
    <ul>
        <li>00:00</li>
        <li class="odd">00:10</li>
        <li>00:20</li>
        <li class="odd">00:30</li>
        <li>00:40</li>
        <li class="odd">00:50</li>
        <li>01:00</li>
        <li class="odd">01:10</li>
        <li>01:20</li>
        <li class="odd">01:30</li>
        <li>01:40</li>
        <li class="odd">01:50</li>
        <li>02:00</li>
        <li class="odd">02:10</li>
        <li>02:20</li>
        <li class="odd">02:30</li>
        <li>02:40</li>
        <li class="odd">02:50</li>
        <li>03:00</li>
        <li class="odd">03:10</li>
        <li>03:20</li>
        <li class="odd">03:30</li>
        <li>03:40</li>
        <li class="odd">03:50</li>
        <li>04:00</li>
        <li class="odd">04:10</li>
        <li>04:20</li>
        <li class="odd">04:30</li>
        <li>04:40</li>
        <li class="odd">04:50</li>
        <li>05:00</li>
        <li class="odd">05:10</li>
        <li>05:20</li>
        <li class="odd">05:30</li>
        <li>05:40</li>
        <li class="odd">05:50</li>
        <li>06:00</li>
        <li class="odd">06:10</li>
        <li>06:20</li>
        <li class="odd">06:30</li>
        <li>06:40</li>
        <li class="odd">06:50</li>
        <li>07:00</li>
        <li class="odd">07:10</li>
        <li>07:20</li>
        <li class="odd">07:30</li>
        <li>07:40</li>
        <li class="odd">07:50</li>
        <li>08:00</li>
        <li class="odd">08:10</li>
        <li>08:20</li>
        <li class="odd">08:30</li>
        <li>08:40</li>
        <li class="odd">08:50</li>
        <li>09:00</li>
        <li class="odd">09:10</li>
        <li>09:20</li>
        <li class="odd">09:30</li>
        <li>09:40</li>
        <li class="odd">09:50</li>
        <li>10:00</li>
        <li class="odd">10:10</li>
        <li>10:20</li>
        <li class="odd">10:30</li>
        <li>10:40</li>
        <li class="odd">10:50</li>
       ...

CSS

body {
    background:#ddd;
}
.input-helper {
    background: #fff;
    float: left;
    width: 100%;
    position: relative;
    height: 200px;
    z-index: 2000;
    overflow-y: scroll;
    font-size: 0.7em;
    border-bottom: 3px solid #405871;
    width:150px;
}
.input-helper ul {
    float: left;
    width: 90%;
    position: absolute;
    z-index: 30000;
    padding: 0 5%;
    background: #fff;
}

JavaScript

$(document).ready(function () {

    $('.input-helper ul').animate({
        top: -1 * ($("#test").position().top - $("#test").height()) + "px"
    }, 200);

});