level 2 10 분 스크롤 이벤트 숙제 해설질문입니다.

[Frank]

안녕하세요.

아래 사진처럼 

html 전체를 스크롤 내렸을 시, alert이 뜨게 하려고 합니다만

document.querySelector('html').scrollTop; //현재 웹페이지 스크롤양

document.querySelector('html').scrollHeight; //현재 웹페이지 실제높이

document.querySelector('html').clientHeight; //현재 웹페이지 보이는 높이임

를 적었는데, 스크롤을 내려도 아무런 alert이 뜨지않고, 검사-> console에 들어가서 확인을해봐도 아무 반응이 없는 것 같은데..

어디를 체크해야할까요?

 

[codingapple]

window에 이벤트리스너를 달아봅시다 

[Frank]

혹시 그말씀은 제이쿼리를 사용하지말고 그냥 자바스크립트로 작성을하라는 말씀이실까요?

[codingapple]

$(window).on('scroll' 하면 됩니다 

[최슬비]

선생님 저도 이에 관한 질문이 있는데요 왜 그럼 .lorem에 이벤트리스너를 달았을 때 선생님 강의와 같이 안 되고 window를 써야 되는건가요? 선생님 영상에서는 되는데 왜 저는 안되는지 그게 궁금합니당...

[codingapple]

전체페이지 스크롤양 구하고 싶으면 window에 스크롤이벤트리스너 달아야합니다 

[글쓴이]

글