화면 포커스 상단으로 올리기

문제

프로젝트 history.back 문제를 해결하면서 history.replaceState를 사용하였다.

document.referrer를 이용하여 history.back 했을 때 이전 페이지를 불러올 수 있도록 처리하는데,

해당 처리하는 화면에서 스크롤을 내려서 다시 현재 화면으로 오게 되면 스크롤이 내려가서 이전 페이지를 불러오는 현상이 생겼다.

ex) A -> B,history.replaceState(null,null,document.referrer) -> C, history.back() -> A 스크롤 중간

 

해결

document.body.scrollIntoView(true);

해당 스크립트를 화면 이동하기 전에 스크롤을 최상단으로 이동시킨 다음 이전 페이지로 돌아왔을 때 스크롤이 내려가 있던 문제를 해결하였다.