• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

스크롤 애니메이션 구현 3강에서 문제 발생요

20.05.31 16:39 작성 조회수 160

0

잘 따라하다가 스크롤 애니메이션 3 강 12분 근처에서 주석처리 하고 main.css 에서 opcity 0 

입력 이후 갑자기 에러 메세지 뜨면서 안되는데 이유를 모르겠습니다.http://tioletter.com/cellcardi/

코칭 부탁 드립니다.

답변 2

·

답변을 작성해보세요.

2

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

Kwandong님의 프로필

Kwandong

질문자

2020.06.02

감사합니다. 덕분에 잘 해결되었습니다.~