웹에서 새로고침했을 때 스크롤 유지시켜주는 기능을 개선하려고 합니다.

Question

localstorage에 클릭 요소를 저장해두고 새로고침했을 때 그 값으로( = 유저가 보던 위치로) 스크롤을 내려주는 앵커기능을 만들었는데요, 문제는 더보기를 눌러서 데이터를 더 받아온 상태로 클릭한 요소를 저장하면 더보기를 누르지 않았을 경우엔 그 위치로 갈 수가 없네요..  이 경우엔 어떻게 해야 할까요?

프레드윰 · Answer

이건 개발 방법에 따라서 다르지만 제 생각에는 일단 더보기를 눌러서 렌더링 되잖아요? 그리고나서 누르지 않을때 이때는 data 속성에다가 미리 페이징 넘버를 넣었다가 뭐 저장소에다가 담아야겠죠? (쿠키나 이런것...) 그리고 뭐... 새로고침하던지 이러면 초기화되는게 정상인데 이게 쿠키에 저장됐으니 초기화가 안되야 되지 않을까요? 그리고나서 다른 페이지로 눌렀을때는 뭐... 이건 선택이지만 페이지를 처음부터 초기화를 시키던지 아님 그대로 유지를 하던지 하면 될것 같아요. (얄팍한 제 지식이었습니다)