새로고침 했을 때 페이지 이동
1138
작성한 질문수 5
안녕하세요 수업 듣다가 궁금한 점이 생겨 질문 드립니다.
새로고침 했을 때 새로고침 하기 전의 화면이 나타나는게 아니라 위로 이동하던데 왜 그런건가요??
답변 1
0
안녕하세요 :)
대부분의 브라우저에서 이전 스크롤의 위치를 기억해 새로고침이나 뒤로가기 클릭시 해당 위치로 이동하는데요.
렌더링 요소와 결과에 따라 간혹 오차가 발생하는거로 알고 있습니다. :)
섹션 2-1에서 스크롤 오차의 원인이 궁금하다면 css를 다음과 같이 수정해보세요
.sec01 .content {font-size:10px; height: 4000px}
폰트사이즈를 줄이고 높이를 고정된 크기로 잡고 새로고침해보면
오차가 줄어든 결과값이 나올겁니다 :)
그럼 또 다른 궁금증이 생기면 문의주세요 :D
0
친절한 답변 감사드립니다~
폰트 사이즈를 줄이고 높이를 고정하면 오차가 없어지긴합니다.
그럼 결국 폰트 사이즈가 크고 높이가 고정되지않아 발생한 문제인건가요??
잘 이해가 가지않아요ㅜ
0
안녕하세요 :)
음.. 문의주신 내용은 정확하게 이래서 이렇다 라고 답변드리기 애매하네요^^;
그리고 파이어폭스 같은 브라우저에선 해당 문제가 발생하지 않는데요.(버전에 따라 차이가 있을 수 있음)
새로고침시 렌더링을 하고 스크롤을 이동시키는 과정에서 어떤 문제가 발생해
오차가 생기는 것으로 예측할 수밖에 없네요.(브라우저별 차이가 있는 것으로 보아 버그일 가능성을 무시할 수 없음.)
이 문제는 소스코드가 아닌 브라우저에서 나타나는 문제이기 때문에 조금 더 정확한 정보를 알고 싶다면
브라우저 개발사에 문의하는게 더 정확한 정보를 얻을 수 있을것 같습니다. :)
도움을 드리지 못해 죄송합니다.
그럼 또 다른 궁금증이 생긴다면 문의주세요 :D
다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요
0
212
1
반응형에 대해 질문이 있습니다 !
0
382
1
날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?
0
388
1
함수가 정의되기 전에 함수 호출
0
353
1
섹션12 보너스 챕터에 관한 질문입니다!
0
477
1
5-3-1 강좌 섹션 질문 합니다.
0
324
1
죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.
1
480
3
화면 높이 관련 질문 있습니다.
1
439
1
선생님
0
378
1
5-2 vanilla.html 질문합니다.
0
428
1
5-3-2 질문입니다.
1
302
1
5-2 추가 질문이요
0
361
2
5-2 ! 질문이요.
0
270
1
안녕하세요!
0
276
1
질문드립니다.
1
370
2
질문드립니다.
0
1678
3
색션6강 카운트관련 문의드립니다!
0
246
1
섹션5 관련 질문드립니다.
0
269
1
setProperty 를 재활용 하고싶습니다.
0
216
1
IntersectionObserver
0
260
1
offsetheight와 scrollheight
0
401
1
완성된코드를 그대로 가져왔는데 크기가 이상해요
0
436
2
2:56에 10씩 증가시키는건 어떻게 하신건가요?
0
320
1
<script>에 $(function(){})으로 감싸준 이유
0
212
1