JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<header>
    <h1>あああああ</h1>
</header>

<p>あああああ</p>
<p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p><p>あああああ</p>


<p id=""><a href="#" id="pagetop">pagetop</a></p>

JavaScript

$(function(){
	
    $pagetop = $('#pagetop');
    
    $pagetop.on('click',function (e) {
        e.preventDefault();
        
        $('html, body').animate({scrollTop: 0}, 500, 'easeOutExpo');
    });
    
});