인프런 커뮤니티 질문&답변
작성한 질문수
pin이 들어있는 DIV가 이상하게 작동해서 질문드립니다.
해결된 질문
작성
·
264
0
https://zealous-tesla-834d28.netlify.app/
세시간 정도 들여다봤는데... 제가 어디가 잘못된 건지 잘 못찾겠어서 답답한 마음에 질문을 드립니다. pin이 들어간 영역에서 스크롤을 내리면 desc의 height가 같이 줄어들었다가 늘어나야하는데 PIN만 줄어들었다가 늘어나네요 ㅜㅜ
그리고 스크롤을 내렸을 때도 움직임이 부자연스러워서... 어디를 손봐야할지 모르겠네요.
퀴즈
강의에서 소개된 스크롤 애니메이션 구현 방식에서, 애니메이션 진행 상태를 결정하는 주요 요소는 무엇일까요?
시간(Time)
스크롤 값(Scroll Value)
마우스 움직임(Mouse Movement)
키보드 입력(Keyboard Input)
답변 2
1
아 Paul님, 혹시 소스코드를 다운 받으신지 시간이 좀 오래 지났나요?
제가 지난번에 소스코드를 업데이트 하고 공지를 한 적이 있는데,
거기에 해당 부분을 쉽게 적용하실 수 있도록 따로 파일로 만들어둔게 있거든요.
js 폴더에 main-add.js 파일이 있다면 거기 있는 내용을 붙여넣으시면 되고, 만약 main-add.js 파일이 없다면 소스코드를 새로 다운로드 받으시면 됩니다.
작성하신 코드 로직에 문제가 있는건 아니고, 그냥 타이밍에 약간 차이가 있어서 translate 적용이 안되는 문제였습니다!
해당 messageB_translateY_in 부분의 타이밍을
{ start: 0.5, end: 0.55 }에서 { start: 0.6, end: 0.65 }로 바꾸어주시면 될거에요.
0
