[참고] JS 설치 ID로 이동

머리글이 고정되지 않은 경우

const jumpTo = (id) => {
  const elem = document.getElementById(id);
  if (elem) {
    const top = elem.getBoundingClientRect().top;
    const newY = window.scrollY + top;
    console.log(newY);
    window.scrollTo(0, newY);
  }
}

머리글 고정

const HEADER_HEIGHT = 56;
const jumpTo = (id) => {
  const elem = document.getElementById(id);
  if (elem) {
    const top = elem.getBoundingClientRect().top;
    const newY = window.scrollY + top - HEADER_HEIGHT;
    console.log(newY);
    window.scrollTo(0, newY);
  }
}