미니옵빠의 code stubs

Javascript로 현재 스크롤바의 위치를 알아내기 본문

Language/Javascript

Javascript로 현재 스크롤바의 위치를 알아내기

미니옵빠 2010. 6. 27. 22:54

현재 화면 상에서 얼마만큼 스크롤이 되어있는가를 알아내야 할 때가 있습니다.
예를 들어, "스크롤을 얼마나 하던 상관없이 현재 내 눈 앞에 보이는 모니터 화면 상에서 무조건 가운데 레이어 팝업창이 뜨게 하고 싶다" 등의 상황이 있겠네요.

이럴 때는 아래의 스크립트를 활용합니다.

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}


출처: http://www.howtocreate.co.uk/tutorials/javascript/browserwindow