Window.scrollTo()

Window.scrollTo() 메서드는 문서의 지정된 위치로 스크롤한다.

---

1. Syntax

window.scrollTo(x-좌표, y-좌표)

✳️ parameter :

1️⃣ x-좌표는 문서의 왼쪽상단부터 시작하는 픽셀단위의 가로축
2️⃣ y-좌표는 문서의 왼쪽상단부터 시작하는 픽셀단위의 세로축

---

2. 활용예시

function sendMessage(event) {
  event.preventDefault();
  let message = input.value;
  
  addMessage(message);
  scrollTo(0, document.body.scrollHeight);
  input.value = "";
}

form.addEventListener("submit", sendMessage);

➡️ 채팅창에 추가한 메세지가 바로 보이도록 새로운 메세지를 추가할 때 마다 scrollHeight 위치로 스크롤 되도록 했다.

---

참고 : https://developer.mozilla.org/ko/docs/Web/API/Window/scrollTo