JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
    <li>data</li>
</ul>

JavaScript

function scrollDown(el) {
    el.animate({
        scrollTop: el[0].scrollHeight
    }, 500, function() {
        
    });
};


$(document).ready(function() { 
window.setInterval(function(){
  scrollDown($("html,body"));
}, 5000);
})