[JS] scroll 위치

스크롤바 위치란

JavaScript의 window 객체를 사용하여 스크롤 막대 위치 가져오는 것이다. window 객체는 다른 JavaScript 객체와 같기 때문에 scroll 이벤트를 수신하는 EventListener 를 추가할 수 있습니다.

 

스크롤시 문구와 함께 좌표가 출력된다.

window.addEventListener('scroll', () => {
   console.log('스크롤 작업', window,scrollX, window.scrollY);
});

 

window.addEventListener("scroll", (event) => {
   let scrollY = this.scrollY;
   let scrollX = this.scrollX;
   console.log(scrollY);
   console.log(scrollX);
   
   });

 

 

scrollTop 

요소의 수직 스브롤 바 위치를 나타낸다.

 

scrollTop 변경

 

요소의 스크롤 바 위치를 변경 하고 싶다면 값을 할당하면 된다.

element.scrollTop = 200 //스크롤 바 수직 위치를 200으로 변경

 

See the Pen Untitled by sangheun park (@sangheun-park) on CodePen.