JSFiddle - React, Tailwind, and code Playground

by nightcoregirl

HTML

<a href="#">Go to very bottom</a>
<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>dasdasd<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><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>viola

JavaScript

$("a").on("click", function(event) {
        event.preventDefault(); //Prevent default action of anchor
        $("html, body").animate({ 
            scrollTop: $(document).height()  //Get the document height
        }, "slow"); //Animates the scroll
        /* Can also use 3000, 4000 i.e 3 seconds, 4 seconds to animate the scroll */
    });