Window.innerWidth, innerHeight, scrollY

q6hillz·2022년 4월 16일
0

javascript

목록 보기
7/60
post-custom-banner

Window.innerWidth

The read-only Window property innerWidth returns the interior width of the window in pixels. This includes the width of the vertical scroll bar, if one is present.

More precisely, innerWidth returns the width of the window's layout viewport. The interior height of the window—the height of the layout viewport—can be obtained from the innerHeight property.

세로 스크롤 넓이까지 포함하여 Viewport(사용자가 보고 있는 창)의 넓이를 반환한다.

Window.innerHeight

The read-only innerHeight property of the Window interface returns the interior height of the window in pixels, including the height of the horizontal scroll bar, if present.

The value of innerHeight is taken from the height of the window's layout viewport.

가로 스크롤 높이까지 포함하여 Viewport(사용자가 보고 있는 창)의 높이를 반환한다.

Window.scrollY

The read-only **scrollY** property of the Window interface returns the number of pixels that the document is currently scrolled vertically.

전체 document 기준으로 Y축 스크롤이 얼마나 됬는지를 반환함. (Y축 스크롤 된 영역을 알아낼 수 있음.)

post-custom-banner

0개의 댓글