Как прописать скрипт, чтобы при нажатии на стрелку, страница скроллила на следующую секцию вниз?
Какой прописать скрипт, чтобы при нажатии на стрелку вниз происходил скролл вниз? Код для верхней стрелки прописать удалось, а для нижней не знаю что
$(".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();
});
