JSFiddle - React, Tailwind, and code Playground

by disfated

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/1.4.11/jquery.scrollTo.min.js"></script>
<button id="button" data-scroll="max">to bottom</button>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <span id="here">i'm here</span>    
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<button id="top" data-scroll="0">to top</button>
<button id="middle" data-scroll="#here">to here</button>

JavaScript

$(function() {

    $(document).on('click', '[data-scroll]', function(e) {
        e.preventDefault();
        $.scrollTo($(this).data('scroll'), jQuery.fx.speeds._default);
    });
    
});