- [JS] for each로 gsap 사용하기2023년 10월 05일
- KIMJAVAN
- 작성자
- 2023.10.05.:16
728x90{ const sections = [ { class: ".onewrap", start: 300 }, { class: ".twowrap", start: 1000 }, { class: ".threewrap", start: 1600 }, { class: ".fourwrap", start: 2200 }, { class: ".fivewrap", start: 2800 }, { class: ".sixwrap", start: 3400 } ]; sections.forEach((section, index) => { gsap.to(`.alv-three-hori-wrap${section.class}`, { scrollTrigger: { trigger: ".alv-nine-div-section", markers: false, start: `${section.start}px 80%`, end: `${section.start}px 80%`, scrub: true }, marginTop: "0px" }); }); }
section이라는 배열의 class라는 이름이 붙은 값이랑 start라는 이름이 붙은 값에 각각 접근한다
'자바스크립트 > JavaScript' 카테고리의 다른 글
[JavaScript] 클릭 시 윈도우 최상단으로 가는 버튼 만들기 (0) 2023.11.06 [JavaScript] 해당 섹션이 화면에 보일 때 애니메이션을 실행하는 코드 (0) 2023.10.18 [JavaScript] 새로 고침 시 최상단으로 이동하는 코드 (0) 2023.08.11 [JavaScript] 무한 스크롤 (0) 2023.08.07 [JavaScript] 변수 / 재할당 (0) 2023.08.07 다음글이전글이전 글이 없습니다.댓글
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)