Как прописать скрипт, чтобы при нажатии на стрелку, страница скроллила на следующую секцию вниз?

Какой прописать скрипт, чтобы при нажатии на стрелку вниз происходил скролл вниз? Код для верхней стрелки прописать удалось, а для нижней не знаю что

$(".fa-arrow-alt-circle-up").click(function() {
    $('html,body').animate( { scrollTop : 0 } ,'slow');
} );

Сам сайт http://ilyin1ib.beget.tech/

Весь код https://jsfiddle.net/3vnux5so/

введите сюда описание изображения


Ответы (1 шт):

Автор решения: twerk kid

Обращаемся к MDN за методом Element.scrollIntoView() и CSS-свойством scroll-behavior

Прописав данное css-правило, вы указываете что вся прокрутка на странице будет происходить гладко

* {
   scroll-behavior: smooth;
}

Потом выбираете элемент на странице к которому нужно скроллить, пусть это будет div#block2:

$(".fa-arrow-alt-circle-up").click(function() {
    $('#block2')[0].scrollIntoView();
});
→ Ссылка