[javascript] 요소 맨 위/아래/중앙 등 스크롤 이동

// 위로 이동
element.scrollIntoView({ behavior: "smooth", block: "start" });

// 아래로 이동
element.scrollIntoView({ behavior: "smooth", block: "end" });

// 중앙(해당 요소가 화면 중앙)
element.scrollIntoView({ behavior: "smooth", block: "center" });

// 해당 요소가 화면 내에 없을 경우, 중앙(해당 요소가 화면 중앙)
element.scrollIntoViewIfNeeded(true);
  • element는 html 객체를 넣어주면 된다.
    • document.querySelectorAll(“.contentBox”)[0]
    • document.querySelector(‘:root’) : html
    • document.body : body

Leave a Comment