JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li><li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li>wefwgwggw</li>
<li class="last">wefwgwggw</li>
</ul>
JavaScript
$.fn.scrollView = function() {
return this.each(function() {
$('html, body').animate({
scrollTop: $(this).offset().top
}, 1000);
});
};
$('.last').click(function() {
$('html').scrollView();
});