인프런 커뮤니티 질문&답변
작성한 질문수
스크롤 애니메이션 구현 3강에서 문제 발생요
해결된 질문
작성
·
229
0
잘 따라하다가 스크롤 애니메이션 3 강 12분 근처에서 주석처리 하고 main.css 에서 opcity 0
입력 이후 갑자기 에러 메세지 뜨면서 안되는데 이유를 모르겠습니다.http://tioletter.com/cellcardi/
코칭 부탁 드립니다.
답변 2
2
1분코딩
지식공유자
objs.messagA 이런 것들에 값을 못가져와서 그런건데요,
querySelector에 넣는 인자를 아래처럼 수정해주시면 됩니다.
수정 전
document.querySelector('#scroll-section-0 .main-message-a')
수정 후
document.querySelector('#scroll-section-0 .main-message.a')
<div class="sticky-elem main-message a">를 가져와야 하는 것이니까요~
b, c, d도 마찬가지입니다.
에러가 발생했을 때,
아래 이미지처럼 개발자도구 Sources 탭의 멈춘 부분에
해당 부분에 커서를 올려보면 변수 값 등을 확인해볼 수가 있어서
잘 활용하시면 버그를 찾는 데에 수월합니다.
messageA 등에 null로 값이 없는 것을 알 수 있죠~
1
