웹페이지 보고있는 위치 그대로~ 정보
웹페이지 보고있는 위치 그대로~
관련링크
본문
웹페이지 높이가 길 경우 새로고침이 될때 내가 보고있는 위치상태 그대로 반영 시켜줘야할때 적용해 보시기 바랍니다. 모든 브라우저 테스트 안되어있으니 참고하시기 바랍니다.
<script>
// 페이지를 떠나기 전에 스크롤 위치 저장
window.addEventListener("beforeunload", function () {
localStorage.setItem("scrollY", window.scrollY);
});
// 페이지 로드 후 저장된 위치로 이동
window.addEventListener("load", function () {
const scrollY = localStorage.getItem("scrollY");
if (scrollY !== null) {
window.scrollTo(0, parseInt(scrollY));
}
});
</script>
공용 설정할곳=관리자페이지> 환경설정>레이아웃추가설정 란에 넣어주시면됩니다.
* 특정 페이지에서만 적용이되어야 할경우 해당페이지 하단에 넣어주시면됩니다.
추천
4
4
댓글 6개

오 좋네요 감사합니다

@DawnDew ^^

@DawnDew 꿀팁하나더드리자면 공용으로 사용 제거하고 목록 이나 커멘드 스킨파일에 적용해두면 좋습니다.

오오!! 공개!! 감사합니다!! ^^

새로고침 하였을 때 보고 있던 위치(스크롤 위치) 그대로 적용

압도적으로 감사드립니다.