새로고침시 스크롤 위치 복원 기능(History)

sealkim·2023년 2월 16일
1

Scroll Restoration, 즉 스크롤 복원에 대한 브라우저 History API에 관한 내용이다. 이 API는 사용자가 브라우저의 뒤로가기 버튼/새로고침을 눌렀을 때, 페이지가 원래 스크롤되었던 위치로 돌아갈지 여부를 설정할 수 있다.

기본값은 auto고, 이 값을 manual로 설정하면 스크롤 한 위치를 복원하지 않는다.

// 사용자가 스크롤한 페이지의 위치가 복원
history.scrollRestoration = "auto"; // default
// 복원X, 사용자가 직접 수동 스크롤
history.scrollRestoration = "manual";

💡 head 태그 안에 적으면 적용이 잘된다.

profile
📚 Coding Notes

0개의 댓글