• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

스크롤바 높이

20.06.18 11:37 작성 조회수 116

1

영상에서 스크롤바의 크기를 뺀다는 것은 화면의 높이만큼을 뺀다고 하셨는데 그 부분이 잘 이해가 안 가서요ㅜ..

스크롤바 높이 =  window.innerHeight

로 정의가 되어있는 건가요??

답변 1

답변을 작성해보세요.

3

window.innerHeight는 브라우저 창의 세로 크기(높이)입니다.
예를들어 전체 문서(콘텐츠) 높이를 10000px이라고 하고,
브라우저 창 세로 크기가 1000px이라고 한다면,
스크롤 할 수 있는 범위는 10000px - 1000px = 9000px이 된다는 것이죠~
브라우저 세로 크기인 1000px까지는 스크롤바가 안생기니까요^^

콘텐츠를 더 적게 가정해볼게요.
콘텐츠의 전체 높이가 1500px이라면, 브라우저 세로 크기인 1000px보다 500px만큼 크니까
1500px - 1000px = 500px
스크롤 되는 영역은 500px이 되는거지요.