[자바스크립트] scrollY vs pageYOffset 무엇을 써야하나?

 

scrollY vs pageYOffset 

 

스크롤 값을 얻을 때 둘 다 작동은 하지만, 어떻게 다른지 궁금해서 검색해보았다.

둘 다 스크롤 Y 값을 얻는다는 것은 동일하지만, scrollY는 IE에서 동작하지 않는다고 한다.

 

MDN에서는 노후 환경을 신경 쓰지 않아도 된다면 둘 중 아무거나 사용해도 괜찮다고 한다.

 

하지만 나는 IE를 버릴 수 없기 때문에 scrollY만 쓰는 건 지양해야겠다.

 

 

결론은 구형 브라우저 신경안써도 되면 scrollY 쓰고, 구형 브라우저까지 신경써야 한다면 pageYoffset을 쓴다.

아니면 조건문 걸어서 둘 다 쓰던지. 아래처럼.

 

window.scrollY || window.pageYOffset

window.pageYOffset || document.documentElement.scrollTop

 

 

 

 

---

출처 : 

ipadorusa.com/posts/scrollY-pageYOffset

stackoverflow.com/questions/44757869/window-pageyoffset-vs-window-scrolly-on-ie11