- 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;
}
}
'Javascript > DOM 관련' 카테고리의 다른 글
| img, a 태그의 CORS 문제 (0) | 2024.04.23 |
|---|---|
| [DOM API] DOM 그리고 HTMLElement (0) | 2019.12.17 |
| [JAVASCRIPT] 브라우저 로드 순서 (0) | 2019.12.01 |
| [JAVASCRIPT] event processing (0) | 2019.12.01 |