인프런 커뮤니티 질문&답변

작성한 질문수

애플 웹사이트 인터랙션 클론!

main.js 적용 내용

pin을 포함한 메시지 부분의 out 처리가 안 됩니다

작성

255

좋은 강의 잘 듣고 있습니다.

다른 건 잘 되는데 이상하게 scroll-section-2의 pin을 포함한 엘리먼트(messageB, C)의 opacity out과 translateY out이 적용되지 않네요.

세 시간동안 찾았는데, 결국 도움을 요청합니다.

제 소스에는 scroll-section-2의 messageA, B, C를 다르게 네이밍했으니 참고 부탁드립니다.

(
messageA -> mainMessage,
messageB -> descMessageA,
messageC -> descMessageB,
pinB -> pinA
pinC -> pinB
)

퀴즈

67%나 틀려요. 한번 도전해보세요!

강의에서 소개된 스크롤 애니메이션 구현 방식에서, 애니메이션 진행 상태를 결정하는 주요 요소는 무엇일까요?

시간(Time)

스크롤 값(Scroll Value)

마우스 움직임(Mouse Movement)

키보드 입력(Keyboard Input)

답변 1

지식공유자

지상님- 제가 좀 늦게 살펴봤는데, 소스코드 확인해보니 잘 동작 하더라고요.
아마 해결 하신거겠죠?

다른 이야기지만, 이렇게 강의별로 따로 관리하면서 공부하시는 것보고 뭔가 엄지척 해드리고 싶었습니다. ^^;

질문자

네! 비율값 등을 조금씩 조절해서 해결했습니다.

저도 맥북 프로 16인치를 사용하는데, 외장 모니터에 연결해서 사용하다보니 기본 해상도와 달라서 수치를 조금씩 조절해야 동작하는 것도 있더군요.

좋은 강의 덕분에 재밌게 공부하고 있습니다. 감사합니다~

작성한 질문수