아이군의 블로그

이번에는 문서의 크기와 스크롤 정보를 가져오는 방법을 알아보겠습니다.
문서의 크기와 스크롤 정보를 가져오는 방법은 브라우저마다 틀리고 또 처리하기가 나름 어려운 면이 있습니다.
하지만 Prototype의 메서드를 이용하시면 깔끔하게 이용하실 수 있습니다.

document.viewport Methods --------------------------------------------------------------------------------------

getDimensions : 화면에 보이는 영역의 크기값을 가져옵니다.

document.viewport.getDimensions() -> { width: Number, height: Number }

document.viewport.getDimensions();
//-> { width: 776, height: 580 }

document.viewport.getHeight() -> Number

document.viewport.getWidth() -> Number

document.viewport.getScrollOffsets() -> [Number, Number] also accessible as { top: Number, left: Number }

document.viewport.getScrollOffsets();
//-> { left: 0, top: 0 }

window.scrollTo(0, 120);
document.viewport.getScrollOffsets();
//-> { left: 0, top: 120 }