Реализуем следующее: после клика по ссылке будет происходить плавный скролл до элемента.
16/08/2019 22:55

Сначала в HTML реализуем обычный "грубый" переход к секции, а затем уже добавим jQuery для создания плавности скролла

Добавим id секциям к которым мы хотим выполнять скролл, а ссылкам атрибут href в формате #name. Решетка - означает идентификатор (id), а name - имя идентификатора.

HTML файл получится примерно такой

<section>
    <a href="#element" class="scrollto">Ссылка</a>
</section>

<section id="element">Секция</section>

Атрибут href указывает к какому элементу необходимо осуществить переход

Теперь добавим плавности с помощью jQuery. В js-файле напишим код

$('.scrollto').on('click', function(){
    let _this = $(this).attr('href');
    if ( $(_this).length != 0 ) {
        $('html, body').animate({
          scrollTop: $(_this).offset().top
        }, 765);
    }
    return false;
});

Чтобы добавить плавность перехода до необходимого элемента, просто добавьте ссылке класс scrollto

Изменить скорость скролла можно поменяв значение "765"