JSFiddle - React, Tailwind, and code Playground

by Elguja Bogveradze

HTML

<div id="scroll">
0110100001100101
1000101100101010
0110100001100101
1000101100101010
0110100001100101
1000101100101010    
</div>

CSS

#scroll {
    font-family: Averia Serif Libre Light;
    font-size:20px;
    width: 200px;
    height: 30px;
    line-height:15px;
    overflow-y: scroll;
    overflow:hidden;
    border:1px solid black;
    padding:0;
    vertical-align:middle;
    margin:0;
}

JavaScript

$(function () {
    var wtf = $('#scroll');
    setInterval(function(){wtf.animate({scrollTop:0},1000);},100);
    setTimeout(function(){
	setInterval(function(){wtf.animate({scrollTop:30}, 0);},50);    
    },50);


});