☞ * [관리자 모드] 콘솔을 열어둔 뒤 스크롤해보십시오..

스크롤 좌표 확인하기
요소.scroll 이벤트는 대상 요소 의 스크롤 작업시 발생하는데, 주로 Window 객체에서 사용된다 
                
                    window.addEventListener('scroll', () => {
                        console.log('스크롤 작업: ', window.scrollX, window.scrollY)
                    })

☞ window.scrollX/scrollY(및 pageXOffset/pageYOffset)는 수평/수직으로 스크롤한 픽셀값, 곧 현재 뷰포트 좌상단 모서리의 (x, y) 좌표가 된다!

아래로 내려가려면 클릭하세요..

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ratione ducimus voluptatem, nam ipsum natus illo voluptates incidunt quibusdam asperiores repudiandae totam nisi recusandae magni, possimus placeat? Magni, ab labore.