Например, вот так:
html {
scroll-behavior: smooth;
}
Но есть одна побочка, что не все браузеры поддерживают такой подход. Зато без JS)
Либо с элементами небольшого JS кода:
// Проходимся по всем элементам "linkList", и делаем выборку по ссылкам (a с атрибутом href, который равен "#")
const anchors = document.querySelectorAll('.linkList a[href*="#"]')
for (let anchor of anchors) {
anchor.addEventListener('click', function (e) {
e.preventDefault()
const blockID = anchor.getAttribute('href').substr(1)
document.getElementById(blockID).scrollIntoView({
behavior: 'smooth',
block: 'start'
})
})
}
