인프런 커뮤니티 질문&답변

JJanmo님의 프로필 이미지
JJanmo

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

전진! 3D 스크롤 8

스크롤 관련해서 질문 드립니다.

작성

·

427

0

안녕하세요 스크롤에 대해서 질문이 있어서 올리게 되었습니다. 제가 이해한 바를 이미지로 올렸습니다. 저는 검은색 글씨로 적힌 공간이 최종적으로 스크롤한 공간이라고 이해했습니다. 강의에서 최종적으로 구한 값은 보라색 글씨로 적인 document.body.offsetHeight - window,innerHeight입니다. 이미지에서처럼 조금 차이가 있는데, 제가 어떤 부분을 잘못 이해하고 있는걸까요?

답변 4

0

JJanmo님의 프로필 이미지
JJanmo
질문자

강의 정말 재미있게 잘보고 있습니당 ㅎㅎ답변 감사드립니다 😍

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

네, 스크롤되는 영역은 보라색이라고 생각하시면 됩니다^^

0

JJanmo님의 프로필 이미지
JJanmo
질문자

아 답변 감사드립니다.👍  검은색 부분은 스크롤바입니다.  아 그러면 , 제가 생각하는 스크롤된 부분이 검은색 영역인데, 사실상 저 영역을 명확히 구분지을 수 없기때문에 사실상 보라색 영역과 같다고 생각하면 되나요??

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

잘 이해하셨는데요, 혹시 오른쪽에 검은색으로 칠한 부분이 스크롤바인가요?
스크롤바에 시각적으로 표시되는 비율은 그림에서 오렌지영역과 빨간영역의 비율이랑 같을텐데,
그 비율을 그냥 화면 높이에 맞춰 표시해주는거라서 저렇게 그림으로 그려서 비교하기는 어려워서요~

문서전체영역(오렌지), 구한 값(보라색/스크롤 범위), 화면크기영역(빨간색) 그림 그리신걸 보면
잘 이해하신 것으로 생각됩니다^^

JJanmo님의 프로필 이미지
JJanmo

작성한 질문수

질문하기