JSFiddle - React, Tailwind, and code Playground

by Alex Baumgertner

HTML

<script src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js"></script>
<div id='layout' style="background: none repeat scroll 0 0 #EFEFEF;height: 200px; margin: 0 auto;overflow-y: scroll;width:300px;position:relative;">
    <a id="scroll_link" href="#">click me to scroll!</a>
    
    <div style="height: 400px;">
    
    <div id='container' style="background:#CFDBEC; width: 100px; height:100px;margin: 0 auto;position:absolute; bottom: -100px;">inner box</div>
    
    </div>
    
</div>

JavaScript

$(function() {
    $('#scroll_link').on({
        click: function() {
            $('#layout').scrollTo($('#container'), 400);
        }
    });
});