JSFiddle - React, Tailwind, and code Playground

by rafmaz

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<div class="demo"><h1>lalala</h1><p>Hello</p></div>

CSS

div.demo {
    background: #ccc none repeat scroll 0 0;
    border: 3px solid #666;
    margin: 5px;
    padding: 5px;
    position: relative;
    width: 200px;
    height: 100px;
    overflow: auto;
  }
  p {
    margin: 10px;
    padding: 5px;
    border: 2px solid #666;
    width: 1000px;
    height: 1000px;
  }

JavaScript

$( "div.demo" )..animate({scrollTop:220}, '500', 'swing', function() { 
   alert("Finished animating");
});