jQuery 플러그인 viewScroller.js로 부드럽게 전체 페이지 스크롤하기

JavaScript 스크롤 효과 수십개의 훌륭한 도서관을 골라서 주변을 둘러 보았습니다. 그러나이 분야의 새로운 경쟁자는 viewScroller.js.

이 매우 작지만 강력한 라이브러리는 단일 페이지 레이아웃 그 블록으로 스크롤 스크롤 휠 (또는 터치 패드)을 한 번 스 와이프하면됩니다. 이렇게하면 스크롤을 통해 페이지의 개별 섹션을 통해 사용자를 이동시키는 제어 레이아웃이 생성됩니다. 픽셀 밀착 정밀도.

당연히이 라이브러리는 완전히 무료입니다. GitHub에서 사용 가능 설치가 쉽다. Bower 또는 npm.

그러나 viewScroller.js는 아니 독립적 인 자바 스크립트 라이브러리. jQuery와 두 개의 특정 플러그인에 의존합니다. jQuery 마우스 휠 과 jQuery Easing. 이것들은 둘 다 필요함 스크롤 효과가 제대로 작동하도록하기.

viewScroller의 가치를 저해 할 수 있습니다. 바로 기능을 수행하기 위해 몇 가지 JS 라이브러리가 필요하기 때문입니다. 그러나 이미 jQuery를 사용하고 있다면 어쨌든 쉽게 생각할 수 있습니다. viewScroller.js는 가장 간단한 방법을 제공합니다. 단일 페이지 스크롤 웹 앱 많은 코드없이 실행.

그러나 그것은 그렇다., 매우 상세한 클래스와 ID 사용 스크롤 효과를 만듭니다. 너는 할 수있다. 이 수업들을 편집하다. 자신의 CSS 파일 또는 그것을 덮어 씁니다. 기본 코드에서. 당신은 전체 목록 함께 repo 페이지에 클래스 이름 과 기본 설정 데이터.

가장 간단한 시작 방법은 다음과 같습니다. viewScroller 데모 복제. 그것들은 오른쪽 사이드 바가 있고 다른 사이드 바가 왼쪽 사이드 바를 가지고 있고 하나는 중간에 내용을 끼운 두 개의 사이드 바가 있습니다.

jQuery에 익숙한 웹 응용 프로그램을 사용해도 괜찮 으면 viewScroller는 무료로 사용할 수있는 환상적인 라이브러리입니다. 필요가있다. 꽤 많은 의존성들 구성하기가 어렵지 않아야합니다..

엿보기 라이브 데모 당신이 생각하는 것을 보아라. UX 및 스크롤 동작이 마음에 들면 GitHub의 설정 가이드 시작하기.