JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv" style="height: 200px; overflow: hidden;">
    <table id="myTable">
        <tr><td><img src="http://jsfiddle.net/img/logo.png"></td></tr>
        <tr><td><img src="http://jsfiddle.net/img/logo.png"></td></tr>
        <tr><td><img src="http://jsfiddle.net/img/logo.png"></td></tr>
    </table>
</div>

JavaScript

var lastHeight;
function watchTable(){
    var currentHeight = $('#myTable').height();
    if(currentHeight !== lastHeight){
        lastHeight = currentHeight;
        $('#myDiv').scrollTop(currentHeight);
        
    }
}

setInterval(watchTable, 1000);
$(myDiv).css('overflow', 'visible')

function fillTable() {
    for (var i = 0; i < 100; i++) {
        $('#myTable').append('<tr><td><img src="http://jsfiddle.net/img/logo.png"></td></tr>');
    }
}

setTimeout(fillTable, 6000);