Force.js를 사용하여 페이지를 쉽게 스크롤하고 애니메이션하십시오.

웹 애니메이션은 그 어느 때보다도 쉽습니다. 순수한 CSS3 애니메이션 규범이되었다. 그러나, JavaScript는 여전히 가치가 있습니다. 기술적 인 애니메이션을위한 신뢰할 수있는 몇 안되는 언어 중 하나입니다..

그만큼 Force.js 라이브러리 는 무료 오픈 소스 스크립트입니다. 동적 페이지 애니메이션.

스크롤 점프 애니메이션을 만들 수 있습니다. 페이지 자체 내부, 또는 요소에 애니메이션을 적용 할 수 있습니다. 페이지 주변. 둘 다 똑같이 설정하기 쉽고 라이브러리에는 많은 기능이 포함되어 있습니다..

기본적으로 Force.js CSS 전환에 의존 언제든지 가능할 때. 이들 모든 최신 브라우저에서 작동 코드가 훨씬 간단하고 더 많은 사용자를 지원할 수 있습니다. 자바 스크립트 허용 안함.

라이브러리는 자바 스크립트 코드로 인한 자연 대체 수단, 구형 브라우저에서도 안전합니다..

그리고 Force.js는 바닐라 라이브러리이기 때문에 의존성이 필요 없다. jQuery와 같은 그러나 jQuery를 좋아한다면 Force를 통해이 구문을 실행할 수 있으며 여전히 잘 작동합니다. 다른 웹 사이트와의 융통성.

두 가지 큰 애니메이션 기술은 다음과 같습니다. 점프하다 과 움직임. 요소가 움직이는 위치, 이동 속도 및 여유 방법의 유형을 결정합니다..

도서관에는 또한 수많은 사용자 정의 옵션 애니메이션을보다 강력하게 제어 할 수 있습니다. 너는 할 수있다. 앵커 링크 대상 수정 과 당신이 필요로하는 이완을 준비하십시오.-동일한 페이지에서 다른 easings를 원한다고해도!

모든 문서는 GitHub에서 사용 가능, 파일들과 함께.

또는 npm / Bower를 선호하는 경우 파일을 직접 가져 오기 그런 식으로. 너는 단지해야한다. 그 중 하나를 포함시키다. force.js 파일 당신의 헤더에 넣으면 좋을 것입니다..

문서가 꽉 차 있기 때문에 문서를 감추는 것도 좋습니다. 예를 들어 도약() 과 움직임() 행동 양식.

둘 다 시간, 여유 및 위치에 대한 논쟁, 그래서 어떻게 작동하는지 이해하는 것이 중요합니다. 일단이 기능을 사용하면 어떤 프로젝트에서나 완벽한 경량 애니메이션 라이브러리이기 때문에 뒤돌아 보지 않을 것입니다..