/
/
#스크롤 트리거 – 02

#스크롤 트리거 – 02

엘리멘터에서 제공하지 않는 스크롤 트리거 기능을 표준 자바스크립트와 함께 외부 애드온에 대한 의존성 없이 구현한 템플릿 입니다.

이야기에 앞서

이 템플릿은 블로그에서 아주 자세하게 다루고 있습니다. 구현 방법이나 작동 방식에 대해 관심이 있다면 엘리멘터에서 스크롤 트리거 구현하기 (고급편)을 참고해 주세요.

시작하기

엘리멘터 편집 화면에서 키보드의 Control + i 혹은 Command + i 키를 눌러 Structure 패널을 항상 열어두세요.

핵심레이어

원하는 페이지에 붙여넣을 때 반드시 복사해야 할 레이어는 다음과 같습니다. 

※ 여러가지 예시가 포함된 Dummy Contents 레이어도 복사해서 사용할 수 있습니다.

레이어 이름 역할
🚀 jetcraft-section-scrollTrigger-02 모든 코드와 구조가 포함된 레이어

 

템플릿 CSS 스타일 수정
목차

연관 템플릿