JSFiddle - React, Tailwind, and code Playground

by mowglisanu

HTML

<div class="top" id="main"><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/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><a href="#main"><img src="images/back-top.png" alt="back-top" /></a> </div>

JavaScript

$('[href="#main"]').click(function(){
    $('html, body').animate({
        scrollTop: $("#main").offset().top
    }, 0);
    return false;
});