[해피CGI][cgimall] 사용자 정의 함수 트리거 jQuery 플러그인 - onScreen.js

- 소개

onScreen은 요소가 뷰포트에 완전히 또는 부분적으로 들어올 때 CSS3 애니메이션이나 다른 상호작용과 같은 사용자 정의 기능을 트리거할 수 있는 가벼운 jQuery 플러그인입니다.

예: 화면에 나타나는 이미지에 애니메이션을 적용하고 싶습니다. 스크롤 위치를 직접 계산하는 대신, 각 이미지에 onScreen 함수를 추가하세요. 이 플러그인은 이미지가 충분히 보일 때만 애니메이션 기능을 실행합니다.

- 라이센스

MIT





- 사용 방법

1. jQuery 라이브러리와 onScreen 플러그인 스크립트를 모두 웹 페이지에 포함합니다.

2. 추적하려는 요소에서 플러그인을 초기화합니다. 요소가 뷰포트에 진입할 때 실행될 콜백 함수를 정의합니다.

3. 다음 옵션을 사용하여 화면의 동작을 사용자 정의하세요.

- 작동 화면