Автоматична плавна прокрутка HTML сторінки до необхідної інформації

1. Необхідно додати правильне посилання, наприклад:

<a href="#contact">Контакти</a>

2. Призначити ідентифікатор необхідному блоку:

<div id="contact">
Текст
</div>

3. Підключити бібліотеку jQuery:

<script src="https://code.jquery.com/jquery-3.6.0.js"></script>

4. Додати JavaScript код:

$(document).ready(function(){
    $('a[href^="#"]').on('click',function(e){
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function(){
            window.location.hash = target;
        });
    });
});

Після виконаних дій при клікові на посилання відбудеться плавний перехід до необхідної інформації.