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

웹개바르르님의 프로필 이미지
웹개바르르

작성한 질문수

웹 애니메이션을 위한 GSAP 가이드 Part.01

트윈 컨트롤

강사님 다중요소제어 stagger 질문있습니다

해결된 질문

작성

·

367

·

수정됨

2

 vs코드에서 코드를 치면서 보는중인데 새로고침하면 첫번째 요소가 이미 위로 올라간상태로 시작되어서 어색한데 이 부분은 어떻게 해결 가능할까요? duration을 좀 줘보고 해봐도 첫번째 박스는 위로 좀 올라간상태에서 시작하네요 delay: 0.6 정도주면 대충 맞긴한대 delay 주는 방법밖에는 없겠죠?

 

gsap.to(".stage .box", { y: -50, stagger: 0.2, });

답변 1

2

범쌤 님의 프로필 이미지
범쌤
지식공유자

안녕하세요 웹개바르르님 :)

보통 stagger를 작성하면 첫번째 요소가 움직이는 문제는 발생하지 않지만, 현재 정확히 어떤 상황인지 파악이 되질 않습니다.

우선 문제 해결을 위해 gsap의 코드를 window load 함수 안에 넣고 실행해보시길 권장드립니다.
image

그래도 동일한 문제가 발생한다면 보다 자세히 코드를 캡쳐하시거나 코드 공유를 통해 알려주세요

감사합니다 :)

 

해결 된 것 같습니다 감사합니다!

저도 질문자님처럼 첫번째거는 먼저 올라간 상태에서 2번째거부터 움직이는게 보입니다. 위의 함수에 넣어서 해봐도 동일한데, 해결하신게 어떤 방법인지 여쭈어봐도 될까요?

 

웹개바르르님의 프로필 이미지
웹개바르르

작성한 질문수

질문하기