상단 progress bar 응용연습 관련 문의

[Hailey]

progress bar가 적용이 안되서, 혹시 bootstrap때문인가 해서
아래와 같이 새로 작성해봤는데도 안되더라구요.
그래서 console.log(window.scrollY)를 찍어봤는데 계속 0 이라서 계산 자체가 안되는 것 같습니다.
혹시 제가 뭔갈 잘못해서 window.scrollY 값이 0으로 계속 나오는 건지.. 조언 부탁드립니다.

[codingapple]

스크롤 이벤트리스너 안에 넣어봅시다

[Hailey]

말씀해주신대로 이벤트리스너에 넣었어봤는데,

document.querySelector('html')일때는 적용이 안되고,


혹시나해서 window로 바꿔보니 적용이 됩니다!


혹시 window로 했을때만 적용이 되는 이유가 있을까요?
window = document.querySelector('html')로 이해하고 있어서
제가 잘못 이해하고 있는 부분이 있는지 조언 부탁 드립니다 :)

[codingapple]

window안에 document 안에 html태그가 있어서 같진 않을걸요

[Hailey]

네 이해했습니다! 그럼 왜 window였을때는 적용되지만 document.querySelector('html')일 때는 적용이 안되는지 알 수 있을까요?

[codingapple]

scroll이벤트는 이벤트 버블링이 안일어나서 스크롤되는 정확한 요소에 넣거나 window에 달아놓읍시다

[Hailey]

아, 네 감사합니다 :)

[글쓴이]

글