Window.scrollTo()는 특정 좌표로 스크롤을 이동하게 만들때 사용하는 메서드이다.

scrollRef.current.scrollTo({
  top: 0,
  left: 0,
  behavior: "smooth",
});

위와 같이 작성할 수 있는데, 부드럽게 이동해주기 위해 "smooth" 속성을 부여했으나, 끊기면서 올라가는 현상이 발생했다. MAC은 같은 코드도 동작이 잘되는데, Window11인 나는 동작이 되지않았다. 그래서 OS 문제일수도 있겠다는 생각을 했고, 찾아보니 다음과 같은 설정을 해주어야 했다.

설정 > 접근성 > 시각효과 에서 애니메이션 효과를 킨 상태로 있어야 동작이 되는 것이었다.
window + i 키를 누르면 쉽게 설정 페이지로 집인할 수 있다.

왜 이런 기능이 있는지 알아보니, Window11이 되면서 Window10보다 애니메이션 기능이 많아짐에 따라 성능저하가 발생될 위험이 많다고 한다. 그래서 애니메이션 끄기 기능이 있는 것.

꺼져 있는게 디폴트였는지, 설치하고 "Window11 설치시 세팅하면 좋은 것"이라는 아티클을 읽고 내가 꺼둔지는 모르겠지만, 나와 같이 당황스러움을 느낄 분들을 위해 글을 남겨둔다.

참고자료

• https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo