JSFiddle - React, Tailwind, and code Playground

by Elguja Bogveradze

HTML

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

CSS

#scroll ,#scroll2{
    font-family: Averia Serif Libre Light;
    font-size:20px;
    width: 200px;
    height: 15px;
    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);

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