JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="test">
       <ul>
            <li><a href="#k21">Пункт1</a></li>
            <li><a href="#k22">Пункт2</a></li>
            <li><a href="#k23">Пункт3</a></li>
            <li><a href="#k24">Пункт4</a></li>
            <li><a href="#k25">Пункт5</a></li>
           
          </ul>
</div>
 
<h3 id="k21">Тест</h3>
<h3 id="k22">Тест</h3>

JavaScript

$('.test ul li a').each(function(){
    $(this).on('click', function(){
        $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
    })    
})