새로고침 했을 때 페이지 이동

22.02.15 22:51 작성 조회수 531

안녕하세요 수업 듣다가 궁금한 점이 생겨 질문 드립니다.

새로고침 했을 때 새로고침 하기 전의 화면이 나타나는게 아니라 위로 이동하던데 왜 그런건가요??

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

2-1 [코드설명] 기초다지기! 이동할 거리 백분율 구하는 방법

강의실 바로가기

답변 1

답변을 작성해보세요.

깡코딩

2022.02.16

안녕하세요 :)

대부분의 브라우저에서 이전 스크롤의 위치를 기억해 새로고침이나 뒤로가기 클릭시 해당 위치로 이동하는데요.

렌더링 요소와 결과에 따라 간혹 오차가 발생하는거로 알고 있습니다. :)

섹션 2-1에서 스크롤 오차의 원인이 궁금하다면 css를 다음과 같이 수정해보세요

.sec01 .content {font-size:10px; height: 4000px}

폰트사이즈를 줄이고 높이를 고정된 크기로 잡고 새로고침해보면

오차가 줄어든 결과값이 나올겁니다 :)

그럼 또 다른 궁금증이 생기면 문의주세요 :D

냉면은물냉

2022.02.17

친절한 답변 감사드립니다~

폰트 사이즈를 줄이고 높이를 고정하면 오차가 없어지긴합니다.

그럼 결국 폰트 사이즈가 크고 높이가 고정되지않아 발생한 문제인건가요??

잘 이해가 가지않아요ㅜ

깡코딩

2022.02.17

안녕하세요 :)

음.. 문의주신 내용은 정확하게 이래서 이렇다 라고 답변드리기 애매하네요^^;

그리고 파이어폭스 같은 브라우저에선 해당 문제가 발생하지 않는데요.(버전에 따라 차이가 있을 수 있음)

새로고침시 렌더링을 하고 스크롤을 이동시키는 과정에서 어떤 문제가 발생해

오차가 생기는 것으로 예측할 수밖에 없네요.(브라우저별 차이가 있는 것으로 보아 버그일 가능성을 무시할 수 없음.)

이 문제는 소스코드가 아닌 브라우저에서 나타나는 문제이기 때문에 조금 더 정확한 정보를 알고 싶다면

브라우저 개발사에 문의하는게 더 정확한 정보를 얻을 수 있을것 같습니다. :)

도움을 드리지 못해 죄송합니다.

그럼 또 다른 궁금증이 생긴다면 문의주세요 :D