23_10_26 JS공부정리

[코딩애플] 중급모듈

 

window.addEventListener('scroll',function) 

-scroll은 스크롤바가 움직일때 발생하는 이벤트이다.

-window는 document상위의 객체이다.

 

window.scrollX

-스크롤X가 얼마나 움직였나(가로축을 얼마나 움직였나)

- window.pageXOffset과 동일. 예전에 쓰던것. 호환성 좋게쓰고싶으면 이거 ㄱㄱ

 

window.scrollY

-스크롤Y의 위치(유저가 스크롤을 얼마나 내렸나)

-window.pageYOffset과 동일. 예전에 쓰던것

    window.addEventListener('scroll',function() {

        console.log(window.scrollY) //스크롤 Y축의 위치 출력

    })

window.scrollY값

window.scrollTo(x좌표, y좌표)

-강제로 스크롤하는 기능

    window.addEventListener('scroll',function() {

        window.scrollTo(0,100)

    })

 

-부트스트랩 스크롤 행동 초기화하는 CSS코드

:root {

    scroll-behavior: auto;

}