JSFiddle - React, Tailwind, and code Playground

by gasp10

HTML

<div id="container" style="overflow: auto;height:300px;">
<div>Some content</div>
<div>Some content</div>
<div id="elementToScrollTo">Scroll here!</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div id="elementToScrollTo">Scroll here!</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div id="elementToScrollTo">Scroll here!</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div id="elementToScrollTo">Scroll here!</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
<div>Some content</div>
</div>

CSS

div{
margin: 20px;
}

JavaScript

$("#container").animate({scrollTop: $("#container").position().top}, 1000);