scrollIntoView 不起作用，為什么？ 以及如何修復？

Question

我怎樣才能使這段代碼工作？ 我收到錯誤

//scroll to section 這部分是獲取所有的

const linkes = document.querySelectorAll('a')

linkes.forEach(link => {

  link.addEventListener('click', toSection())

})

這部分是為 scrollIntoView 構建 function

function toSection() {

  sections.forEach(section => {

    const sectionsIds = section.id

  })

 sectionsIds.scrollIntoView();

}

Answer 1

你可以這樣做

<a data-myattr="myScrollSection1">to section 1</a>
<a data-myattr="myScrollSection2">to section 2</a>
<div id="myScrollSection1">Section1</div>
<div id="myScrollSection2">Section2</div>

<script>
  const links = document.getElementsByTagName("a");

  for (var i = 0; i < links.length; i++) {
    links[i].addEventListener("click", (e) => {
      myId = e.target.dataset.myattr;
      console.log(myId);
      document.getElementById(myId).scrollIntoView();
    });
  }
</script>