inflearn logo
강의

講義

知識共有

WebアニメーションのためのGSAPガイドPart.01

ツインコントロール

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

解決済みの質問

453

cktmdgh372894

投稿した質問数 23

2

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

 

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

HTML/CSS javascript 인터랙티브-웹 gsap

回答 1

2

kindtiger

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

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

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

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

감사합니다 :)

 

1

cktmdgh372894

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

1

gangsugi

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

 

Json 플러그인 사용시 variable collection 없음

0

12

1

배리어블 목록 없음

0

21

3

Token 등록 방법 문의

0

18

1

3강 질문

0

15

1

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

26

1

2강 nodejs 3단계 설명 질문

0

33

1

6-6 실습 문의

0

23

2

imagesLoaded에 관한 질문

0

19

2

hover pulse animation 관련해서 질문있습니다!

0

66

2

어몽이를 stage의 100% 로 보낼 수 있는 방법이 궁금해요!

1

80

2

autoAlpha : 0 사용 시 css로 visibility hidden 꼭 줘야하는지 궁금해요

1

228

2

gsap으로 흐르는 배너도 제작이 가능할까요?

1

473

2

혹시 부드럽게 진입 이후 루프가 가능할까요?

2

201

1

다중요소 제어시 질문드립니다.

1

252

2

timeline를 호출한 함수를 변수에 할당할때, const/let 둘 중에 어떤 것으로 해야 하나요?

1

475

1

gsap 상업적 사용여부

1

1027

1

fork 주소가 어떻게 되나요?

1

462

1

노션 주소 좀 확인해주세요. 잘못되어 있는 것 같아요. 아무것도 클릭이 안됩니다.

1

712

1

autoAlpha를 사용한다고 해도 성능상의 이점은 없는거 아닌가요?

1

550

1

기초 트위닝 질문

1

379

1

선생님 Advanced 강의가 절실합니다.

1

465

1

어몽이가 안나와요!! 저만 그럴까요?

1

512

2

추후에 반응형에 관련된 강의 내용도 포함될까욥,,?

1

741

1

❗️긴급❗️ 선생님 실습파일이 잘못된것 같습니다.

1

554

1