브라우저 scrollTop scrollLeft 호환성

최근 구글 브라우저 크롬이 스크롤탑을 처리할 때 다른 브라우저와 비교적 큰 차이가 있다는 것을 의외로 발견했다.다른 브라우저는 직접 문서를 사용할 수 있습니다.documentElement.스크롤 막대의 값을 얻으려면 scrollTop을 사용하십시오. 크롬에서 이 값은 0입니다.
문서 성명이 있는 경우, 즉 첫 줄에 dtd 성명이 있고, 표준 브라우저가 문서를 안다.documentElement.scrollTop, 그런데 크롬이 그를 몰랐어요.문서 설명이 없는 상황에서 크롬, 사파리는scrollTop 값을 읽을 수 있습니다.크롬은 문서를 통과하기 때문입니다.body.scrollTop에서 값을 가져옵니다.
해결 방법은 다음과 같은 코드를 통해 각 브라우저를 호환하여 필요한 값을 얻을 수 있다

var scrollTop = document.body.scrollTop || (document.documentElement && document.documentElement.scrollTop);

또한 조금만 수정하면 scrollLeft 값을 얻을 수 있습니다

var scrollLeft = document.body.scrollLeft || (document.documentElement && document.documentElement.scrollLeft);