Javascript/DOM 관련

[JAVASCRIPT] 스크롤 거리 구하기

브루트포스 2019. 12. 1. 18:18



  • IE, firefox
document.documentElement.scrollLeft : x 축 방향으로 스크롤한 거리
document.documentElement.scrollTop : y 축 방향으로 스크롤한 거리
  크롬, 사파리, 오페라에도 같은 프로퍼티가 있지만 값이 항상 0

  • Chrome, safari, opera, edge, Quirks Mode
document.body.scrollLeft : x 축 방향으로 스크롤한 거리
document.body.scrollTop : y 축 방향으로 스크롤한 거리

  • Firefox, chrome, safari, opera, edge, IE>=9
window.pageXOffset : x 축 방향으로 스크롤한 거리
window.pageYOffset : y 축 방향으로 스크롤한 거리


  • 크로스브라우징 대응








function getScrollTop()
{
    if(window.pageYOffset !== undefined)
    {
        return window.pageYOffset;
    } else {
        return document.documentElement.scrollTop || document.body.scrollTop;
    }
}

function getScrollLeft()
{
    if(window.pageXOffset !== undefined)
    {
        return window.pageXOffset;
    } else {
        return document.documentElement.scrollLeft || document.body.scrollLeft;
    }
}