javascript : 스크롤바 내렸을때 값 가져오기

 window.addEventListener('scroll',function(){
   console.log(window.scrollY) 
  })

 유저가 얼마나 스크롤바를 내렸는지 window.scrollY 를 통해 알 수 있다.

가로를 측정하고 싶으면 window.scroollX를 통해 알 수 있다.

 

강제로 스크롤 하고 싶을때는

 

window.scrollTo(x,y) 로 쓰면되는데.

   window.scrollTo(0,100)

부트스크랩트를 사용하는 경우 자동으로 transition이 달려있어 천천히 스크롤하여 100만큼 내려오게 되는데.

이걸 보기 싫다고하면 css 파일에서 지정을 해줘야한다.

 

css.

:root{
	scroll-behavior : auto;
}

 

window.scrollBy(0,100)  현재 위치로부터 강제로 스크롤하기.

window.scrollBy (0, 100 )