点击链接平滑滚动到指定元素的JS函数失效问题求助

各位大佬好！我想实现一个功能：给页面里的链接添加点击事件监听器，用户点击链接时页面能平滑滚动到指定元素，但写好代码后发现完全没效果，实在找不到问题出在哪，来请教大家！

我尝试的代码如下：

function scrollToElement(elementSelector, instance = 0) {
  const elements = document.querySelectorAll(elementSelector);
  if (elements.length > instance) {
    elements[instance].scrollIntoView({ behavior: 'smooth' });
  }
}

const link1 = document.getElementById("link1");
const link2 = document.getElementById("link2");
const link3 = document.getElementById("link3");

link1.addEventListener('click', () => {
  scrollToElement('.features');
});

link2.addEventListener('click', () => {
  scrollToElement('.header', 1);
});

link3.addEventListener('click', () => {
  scrollToElement('.column');
});

有没有大佬能帮我排查下哪里出错了？万分感谢！

备注：内容来源于stack exchange，提问作者Amirhosein