JSFiddle - React, Tailwind, and code Playground

by Urvin

HTML

<div id="wrapper">
    <div id="content">
        <ol>
            <li>a</li>
            <li>b</li>
            <li>c</li>
            <li>d</li>
            <li>e</li>
            <li>f</li>
            <li>g</li>
            <li>j</li>
            <li>k</li>
            <li>l</li>
            <li>m</li>
            <li>n</li>
            <li>o</li>
            <li>p</li>
        </ol>
    </div>
</div>
<a id="sroller">Scroll</a>

CSS

#wrapper
{
    border: 1px #888 solid;
    overflow:auto;
    height: 50px;
}
    
#content
{
}

JavaScript

$('#sroller').click(function(){
    $('#wrapper').animate({ scrollTop: 0}, 800);
});