JS-scroll event

Scroll Event

1. scrollY

   유저가 스크롤바를 얼마나 내렸나를 나타냄
   가로는 scrollX 사용
   

2. scrollTo(x,y);

   x,y만큼 스크롤 강제로 이동하기.

3. scrollBy(x,y);

   현재위치부터 강제로 x,y만큼 이동하기.

ex)

window.addEventListener('scroll', function(){
	window.scrollBy(0, 100);
});

** scrollTo & scrollBy 의 차이??

scrollTo는 window의 왼쪽 모서리 기준으로 스크롤 이동, scrollBy는 현재 위치를 기준으로 스크롤 이동.

4.scrollTop

scrollY와 같음(위에서 y만큼 떨어짐)

5.scrollHeight

지정한 것에대한 실제 높이 나타 내 줌
ex)

6.clientHeight

현재 화면에서 보이는 height만 말함.(스크롤이 길더라도 현재 보이는거 까지만)
ex)