JSFiddle - React, Tailwind, and code Playground

by Angelo Rogério Rubin

HTML

<ul>
    <li><a href="#">Link01</a></li>
    <li><a href="#">Link02</a></li>
</ul>

CSS

li {
    float:left;
    padding:5px;
    margin:5px;
    font-family:verdana;
    font-size:12px;
 }

JavaScript

$('ul#menuContato a').bind('click',function(event){
    
    var anchor = $(this);

    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');
        event.preventDefault();
});