smoothscroll.js, перевожу документацию
Добавляешь перед закрывающим body
<script src="path/to/smooth-scroll.polyfills.min.js"></script>
или
CDN в хедере
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
Создаёшь ссылку и якорь (айди любые)
<a data-scroll href="#bazinga">Anchor Link</a>
...
<div id="bazinga">Bazinga!</div>
Тоже внизу
<script>
var scroll = new SmoothScroll('a[href*="#"]');
</script>
Можешь скорость регулировать
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 300
});
В доке вцелом всё понятно