JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<a href="#" id="goto-3">Goto 3</a>

<div id="landpoint-3">test</div>

JavaScript

$(function() {
    
    $("a#goto-3").click(function() {
        $('body').animate(
            {
                scrollTop: $("#landpoint-3").offset().top
            }, 
            1000, 
            'easeInOutCubic', 
            function() { 
                document.write('complete'); 
            }
        );
        return false; 
    });
    
});