Как сделать навигацию по сайту CSS/JS?

Question

[iiideb]

Хочу сделать навигацию на сайте, чтобы при нажатии на кнопки(Home, services etc.) экран плавно опускался на тот блок, на который нужно(home возвращал наверх, services опускало к services...). JS ничуть не знаю, так что если можете, напишите код. Если можно это реализовать на css то скажите алгоритм.

Answer 1

[r_mustang]

https://api.jquery.com/scrollTop/

Answer 2

[Дарья]

Для более простого варианта можно добавить
scroll-behavior: smooth;
В CSS-файл для селектора html.
Т е:
html {
scroll-behavior: smooth;
}
Таким образом переход по всем внутренним ссылкам будет плавным!