JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="main.js"></script>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
    <div id="block">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu aliquet sapien. Vivamus sed ligula sed massa dictum egestas vel eget est. Vivamus consectetur gravida elit, hendrerit blandit dolor posuere consequat. Maecenas porta mi quis ipsum lacinia blandit. Vivamus consectetur vel nulla sit amet vestibulum. Nulla fringilla eros sit amet quam adipiscing elementum. Vestibulum tempor mauris nisl, ac pretium orci consequat et. Ut hendrerit ornare tortor, nec tristique sem venenatis eget. Nulla vel volutpat ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

        Nam egestas elementum facilisis. Aliquam erat volutpat. Phasellus ac enim vulputate, posuere eros id, vulputate justo. Sed tincidunt augue nec ultricies mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas sed mi id dolor suscipit lacinia. Cras varius pharetra lacus, eget pharetra velit porttitor ut. Aliquam ultricies, massa accumsan elementum aliquam, ligula velit aliquet ipsum, sed commodo lectus diam sed mauris. Suspendisse ut ligula vitae erat iaculis tincidunt. Aliquam mattis lobortis massa, blandit porta leo sagittis eu. Vivamus rhoncus imperdiet elit, venenatis tristique turpis mattis a.

        Donec vel urna rutrum, egestas arcu nec, rhoncus est. Nulla facilisis, turpis in rhoncus molestie, dui turpis porta eros, sed varius justo justo vitae leo. Nullam bibendum, mauris in auctor vehicula, risus turpis dignissim orci, in adipiscing purus dolor sit amet urna. Nullam sit amet faucibus ante. Nam porttitor massa vitae urna ultrices, vitae venenatis elit fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed vitae fermentum tellus. Curabitur iaculis, massa quis sagittis...

CSS

#block{
    height: 300px;
    width: 500px;
    overflow: auto;
    margin: 0 auto;
}

JavaScript

///**
// * Created by chazashley on 16.03.14.
// */
   window.onload=function(){
var autoScroll = function(id,speed,direction,delay)
{
    var div = document.getElementById(id);
    var timeoutId = setTimeout(function()
    {
       var intervalId;
       var scroll = function()
       {
           intervalId = setInterval(function()
          {
            if(direction=="down")
            div.scrollTop+=1;
           if(direction=="up")
           div.scrollTop-=1;
         },30/speed);
       };

        scroll();

        div.addEventListener("mouseover",function()
        {
          clearInterval(intervalId);
        });

        div.addEventListener("mouseout",function()
        {
            scroll();
        });

    },delay);
};
       autoScroll("block",5,"down",1000);
};