사용자가 마지막으로 떠난 콘텐츠가 자동으로 복원되고 웹사이트가 해당 콘텐츠로 이동합니다.

Question

HTML과 CSS에서 사용자가 페이지를 본 후 나갔다가 다시 열 때 사용자가 마지막으로 집중했던 단락에 페이지가 로드되도록 하려면 어떻게 해야 합니까?

Answer 1

HTML과 CSS만으로는 불가능합니다. 그러나 프런트엔드 JavaScript와 쿠키를 사용하면 가능합니다.

주 콘텐츠 요소의 scrollTop 및 scrollLeft를 문서 쿠키에 정기적으로 저장합니다. 문서가 로드되면 쿠키를 구문 분석하고 scrollTo 메서드를 사용하여 스크롤을 다시 시작합니다.