• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

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

21.05.12 17:38 작성 조회수 142

0

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

다른 건 잘 되는데 이상하게 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
)

https://github.com/redonearth/studiomeal-tutorial/tree/master/apple-clone

답변 1

답변을 작성해보세요.

1

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

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

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

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

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