visualViewport::JavaScript 레퍼런스

창의 시각적 뷰포트를 나타내는 VisualViewport 객체를 참조한다.

VisualViewport interface의 visualViewport는(은) window.visualViewport의 의해 구현(참조)된다.

Properties
- height
  시각적 뷰포트의 높이를 CSS 픽셀 단위로 조회한다.
- offsetLeft
  레이아웃 뷰포트의 왼쪽 가장자리에서 시각적 뷰포트 왼쪽 가장자리 오프셋을 CSS 픽셀 단위로 조회한다.
- offsetTop
  레이아웃 뷰포트의 위쪽 가장자리에서 시각적 뷰포트 위쪽 가장자리 오프셋을 CSS 픽셀 단위로 조회한다.
- pageLeft
  시각적 뷰포트 왼쪽 가장자리의 x 좌표를 CSS 픽셀로 조회한다.
- pageTop
  시각적 뷰포트 위쪽 가장자리의 y 좌표를 CSS 픽셀로 조회한다.
- scale
  시각적 뷰포트에 적용된 핀치 줌(pinch-zoom) 배율을 조회한다.
- width
  시각적 뷰포트의 폭을 CSS 픽셀 단위로 조회한다.
Event Handlers
- onresize
  창(window) 크기가 변경될 때 발생한다. 일반적으로 뷰포트 크기 변경이 있는 경우 발생한다.
- onscroll
  요소가 스크롤 될 때 발생한다.

JavaScript
HTML
CSS
Development