웹페이지 보고있는 위치 그대로~
웹페이지 높이가 길 경우 새로고침이 될때 내가 보고있는 위치상태 그대로 반영 시켜줘야할때 적용해 보시기 바랍니다. 모든 브라우저 테스트 안되어있으니 참고하시기 바랍니다.
<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>
공용 설정할곳=관리자페이지> 환경설정>레이아웃추가설정 란에 넣어주시면됩니다.
* 특정 페이지에서만 적용이되어야 할경우 해당페이지 하단에 넣어주시면됩니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 11개
오 좋네요 감사합니다
@DawnDew ^^
@DawnDew 꿀팁하나더드리자면 공용으로 사용 제거하고 목록 이나 커멘드 스킨파일에 적용해두면 좋습니다.
오오!! 공개!! 감사합니다!! ^^
@아이스웨덴™ ^^
@멜븐 ^^
압도적으로 감사드립니다.
@neue ^^
감사합니다 ^^
@민트다이어리 ^^