[Javascript] 현재 스크롤값 확인하기 :: pageYOffset, scrollY

window인터페이스를 사용하여 현재 스크롤값의 위치를 확인하려면 다음과 같이 두가지의 방법이 있다.

 

• pageYOffset
• scrollY

두 메소드 모두 수직방향으로 스크롤된 거리를 픽셀단위로 반환하며, 최신 브라우저에서는 값의 정밀도가 픽셀보다 작으므로 반드시 정숫값을 반환하는건 아니다.

정숫값이 필요하면 Math.round()를 사용해 반올림할 수 있다.

 

두 메소드는 동일한 일을 하는 친구들이지만 차이점이 있다면 구버전 환경에서 지원이 되느냐 안되느냐이다.

예를들어 IE..IE......IE...................

 

scrollY

var y = window.scrollY

 

pageYOffset

yOffset = window.pageYOffset;

 

일부 오래된 브라우저는 scrollY 대신 pageYOffset만 지원하는 경우가 있지만, 노후 환경을 신경쓰지 않아도 된다면 둘 중 아무거나 사용해도 괜찮다!

 

 

단 IE9 이하에서는 pageYOffset도 사용할 수 없다..

IE사라져 ㅠ