웹 사이트 디자인은 잘 실행된 애니메이션으로 생생하게 살아납니다. 당신이 당신의 프로젝트에 효과를 추가 할 수있는 적절한 라이브러리를 찾고 있다면,여기에 당신이 스크롤 이벤트를 기반으로 효과를 제공하는 데 사용할 수있는 라이브러리의 일부의 목록을 만들었습니다.
사용자가 웹 페이지를 아래로 스크롤하면 페이드 효과,흐림 효과,3 차원,시차 등과 같은 다양한 애니메이션 옵션을 트리거하도록 동작을 설계 할 수 있습니다. 여기에 25 개의 라이브러리가 있습니다.이 라이브러리는 사이트 디자인에서 이러한 종류의 응답을 달성하는 데 도움이 될 수 있습니다.
쉽게 웹과 모바일 모두에 스크롤 애니메이션을 추가 할 수 있습니다 라이브러리. 당신은 애니메이션 할 요소에 사용자 정의 완화,3 차원 회전,기간 및 많은 모르 매개 변수를 설정할 수 있습니다.2015 년 11 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년요소가 뷰포트에 들어올 때만 애니메이션을 활성화할 수 있습니다.
의존성:jQuery|Size:1 킬로바이트|라이센스:N/A
페이드로 보
는 플러그인을 추가 영을 때 그들은 입력 또는 출구는 소정의 뷰포트.2015 년 11 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년스크롤 이벤트시 애니메이션. 이 패키지는 추상 콜백을 클래스 메서드,함수 또는 함수 오브젝트에 연결하는 기능을 제공하고 다른 콜백을 연결하기 위한 어댑터 클래스를 담고 있습니다..
종속성:애니메이션.2018 년 11 월 15 일~2018 년 12 월 15 일
스크롤 매직
이 플러그인은 사용자가 페이지를 스크롤 할 때’마법’효과를 표시합니다. 그것은 모든 스크롤 위치에 따라,애니메이션 요소를 고정,또는 클래스 클래스를 전환에 적합합니다. 이것은 수학적으로 정확한 유형 계층구조인,강력한 타입을 정의합니다. 여기에 전체 데모를 참조하십시오.
종속성: 이 응용 프로그램은 다음과 같습니다.스크롤 마법
스크롤 가능성
스크롤 가능성은 복잡한 스크롤 기반 애니메이션으로 단일 웹 페이지를 만들 수 있습니다. 사용자 롤시,요소는 스크롤 위치에 따라 애니메이션됩니다. 애니메이션은 스크롤 깊이에 따라 실행,물론 당신은 애니메이션의 시작과 끝을 설정할 수 있습니다.2015 년 11 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년 12 월 1 일,2015 년사용자가 페이지를 스크롤할 때 작동하는 요소에 돌리 인 또는 푸시 인 효과를 추가하는 간단한 라이브러리입니다. 쉽게 구현할 수 있습니다.이 문제를 해결하려면 다음 단계를 수행하십시오.
이 라이브러리는 특정 실행 프로세스에서 불러오거나 실행될 수 있습니다 그것은 부드러운 애니메이션을 생성하는 그린 소크의 트윈과 타임 라인을 사용합니다.이 문제를 해결하는 방법은 무엇입니까?94 킬로바이트|라이센스:해당 없음
애니메이션 스크롤 플러그인
이 플러그인은 그린소크를 사용하여 뷰포트 트리거 애니메이션을 추가하는 제이쿼리 플러그인입니다. 그것은 쉽게 완화와 요소를 애니메이션,스케일,회전 및 3 차원 애니메이션을 변환 할 수 있습니다.2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일
스크롤,마우스 이벤트 또는 터치 이벤트에 의해 트리거되는 요소에 대한 회전 애니메이션을 만들 수 있습니다. 그것은 사용자 스크롤에 의해 활성화 된 모든 360 도에서 볼 수있는 제품의 쇼케이스를 만들기 위해 완벽.2015 년 11 월 1 일,2015 년 11 월 1 일,2015 년 11 월 1 일,2015 년 11 월 1 일,2015 년 11 월 1 일
스크롤 매개 변수
스크롤 매개 변수는 위치 및 스크롤 진행률을 표시하고 사용자 스크롤 동작에 연결된 트윈 애니메이션을 변경하는 데 사용할 수 있는 값을 반환합니다. 그것은 수직 및 수평 스크롤을 지원합니다.2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 1 월 1 일: 해당 없음
크로스 페이드
크로스 페이드는 이미지에 크로스 페이드 효과를 추가하는 플러그인입니다. 흐릿한 효과는 사용자가 더 아래로 스크롤 할 때 계속됩니다.2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일
페이지 스크롤 효과
이것은 코디 하우스에서 만든 실험적인 페이지 스크롤 효과를 위한 라이브러리입니다. 그것은 속도를 사용합니다.애니메이션.
의존성:jQuery,Velocity.1004>
페이지 스크롤 효과”>
시차.5164>
시차.이 플러그인은 스포티 파이 웹 사이트에서 영감을 시차 스크롤 효과를 추가하는 간단한 플러그인입니다.2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일: 미트
이 라이브러리는 그러한 문제를 표준화된 프로그래밍 인터페이스를 제공함으로써 해결합니다. 당신은 윤리 효과를 근래에 배경 또는 전경 요소를 설정할 수 있습니다. 그것은 수직 및 수평 스크롤 모두 작동합니다.
의존성:jQuery|사이즈:1.53kb|라이센스:MIT
블러 스크롤
이 라이브러리하는 데 도움이 추가 흐림 효과를 이미지에 의해 방아쇠를 당길 것입니다 페이지 스크롤한다. 깊은 당신이 페이지를 아래로 스크롤,더 흐릿한 이미지를 가져옵니다.
의존성:none|Size:1.1kb|라이센스:N/A
boxLoader
boxLoader 은 간단한 플러그인을 로드하는 요소에 따라 페이지 스크롤한다. 설정해야하는 매개 변수는 방향입니다(엑스 또는 와이),퍼센트에 위치,효과 또한 기간.2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일: 해당 없음
기울어 진 페이지 스크롤
페이지를 통해 사용자 스크롤로,이 플러그인은 사용자가 설정 한 요소에 멋진 차원 기울어 진 효과를 발표 할 예정이다.2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일
빠른 스크롤 기반 애니메이션을 만드는 방법을 제공합니다. 그것은 가볍고 또한 훌륭한 성능을 가지고 있습니다. 당신은 여기에 대한 자세한 내용을보실 수 있습니다.2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일: 미트
멋진 스크롤
혹시 안드로이드 또는 이오스에 오버플로 스크롤 효과를 볼 경우,이 플러그인으로 당신은 지금 당신의 사이트에이 적용 할 수 있습니다. 사용자가 페이지의 상단/하단에 도달 할 때 당신은 애니메이션,바운스 또는 글로우 중 하나를 추가 할 수 있습니다.시차 이미지 스크롤
이 플러그인은 사용자가 페이지를 아래로 또는 위로 스크롤 할 때 요소가 떠 다니고 이동하도록합니다.2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일-2018 년 11 월 1 일: 미트
이 플러그인은 사용자가 페이지를 아래로 또는 위로 스크롤 할 때 흐르는 효과를 만드는 작은 플러그인입니다. 슬라이드,페이드 및 쇼의 세 가지 효과를 사용할 수 있습니다.2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일
스크롤미
페이지 스크롤에 요소의 크기 조정,회전,변환 및 불투명도 변경과 같은 간단한 효과를 추가합니다. 그것은 설정에 쉽게:그냥 제이 큐리,이 플러그인을 가져오고 요소의 마크 업에 애니메이션 매개 변수를 설정합니다.2015 년 11 월 1 일,2015 년 11 월 1 일,2015 년 11 월 1 일,2015 년 11 월 1 일,2015 년 11 월 1 일,2015 년 11 월 1 일
시차 이미지스크롤
이 플러그인을 사용하면 페이지의 모든 이미지에 시차 효과를 줄 수 있습니다. 2015 년 11 월 15 일에 확인함. 이 플러그인은 다음을 지원합니다.2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일
