Есть такое понятие как якоря, их делают через ссылки, они позволяют перемещаться по странице.

Якорь - это один способ перемещения. Только с помощью HTML реализуется.
А scrollIntoView - другой, реализуется средствами JS.
Их не надо смешивать. Либо одно, либо другое.

voraa,
Вы знаете почему не работает на ссылки?

Я же объяснил
При клике на ссылку начинает работать ваша функция, которая вызывает плавный скроллинг. Но JS не ждет, когда закончится этот процесс, а сразу запускает действие по умолчанию - переход (перемещение по странице). Ссылка href="#" - трактуется как переход на самый верх страницы
Вы даже сами можете попробовать. Зайдите в отладчик, поставьте точку останова на строке
console.log(`работает`);
Нажмите свою ссылку. Страница плавно прокрутится вниз. Точка останова не даст выполнится действию по умолчанию сразу. Если продолжить выполнение, то страница сразу переместится вверх, как и положено при <a href="#">

voraa,
понял спасибо