JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="move">
  <li>one</li>
  <li>two</li>
  <li>three</li>
  <li>four</li>
  <li>five</li>
  <li>six</li>
</ul>

CSS

ul#move
{
    position:relative;
    width:300px;
    border:solid;
    font-size:3em;
    height:300px;
}
ul#move li
{
    list-style:none;
    margin:0;
    padding:10px;
    position:absolute;
}

JavaScript

function cycle() {
    var lis = $('ul#move li')
    var step = 30;
    lis.each(function(index) {
        $(this).animate({ 
            'top': (index*step)+ 'px'
        });
    });

}
cycle();