jQuery를위한 하나의 페이지 애니메이션 프레임 워크

저는 매우 무거운 1 페이지 웹 사이트 ATM을 개발 중이며 주제에 대한 자습서 및/또는 코드를 찾으려고합니다.jQuery를위한 하나의 페이지 애니메이션 프레임 워크

웹 사이트는 기본적으로 모두 캔버스에있는 여러 섹션으로 구성되어 있습니다. 사용자는 캔버스의 다른 섹션으로 스크롤하고 섹션을 확장하여 전체 뷰포트를 차지할 수 있어야합니다.

다른 한 페이지의 사이트와 비슷하지만 모든 방향으로 스크롤 할 수 있어야하며 특정 섹션을 확장해야한다고 말했듯이 말입니다.

저는 이상형으로 이러한 유형의 애니메이션을 허용하는 jQuery 플러그인/프레임 워크를 찾고 있습니다. 물론 액세스가 가능하고 가볍도록해야합니다. (URL 처리와 같은 많은 것들이 필요하지 않습니다.)

나는 다른 사이트를 방문하고 봤지만이 모든 것을 직접 코딩 한 것으로 간주했지만 누군가 최근에 비슷한 것을했거나 유망한 프레임 워크를 알고 있다면 알고 싶습니다.

편집 : 프레임 워크가 섹션 자체에서 애니메이션 개체를 지원하는 경우 정말 좋습니다. 섹션이 스크롤 된 후 텍스트와 이미지가 측면에서 슬라이드 될 수 있습니다.

건배

출처

2012-10-24 powerbuoy

누구든지 관심이 있다면 jQuery.scrollTo와 jQuery.localScroll을 함께 사용하게되었습니다. 마지막으로 클릭 한 링크에서 .selected-class를 허용하기 위해 localScroll을 약간 변경해야했습니다. 나는 또한 수평 단면을 다루기위한 작은 시스템을 만들었다. 그것 모두는 아주 괜찮아졌다.

출처

2012-10-26 04:00:28 powerbuoy

아마도 당신이 찾고있는 무엇을 달성 할 ZyngaScroller 같은 스크롤 캔버스와 함께 KineticJS 같은 결합?

면책 조항 나는 ZyngaScroller jquery 플러그인을 작성했습니다.

출처

2012-10-24 19:33:05 TimDog

ZyngaScroller는 꽤 멋져 보입니다. 정확히 내가 뭘 찾고 있는지 확실하지 않습니다. 단지 명료성을 위해; 내가 "canvas"라고 말했을 때 실제로 html'canvas' 요소를 의미하지는 않았습니다. 단지 내가 말하는 것을 알면 각 섹션을 "canvas"에 배치했습니다. – powerbuoy

알았습니다. 나는 약간 혼란스러워했다. [원래 Zynga Scroller가 있습니다.] (https://github.com/zynga/scroller), 예제 (페이징, 확대/축소 등)가 많이 있습니다. 당신이 한 일이 될 수 있습니다 ... 이것이 도움이되기를 바랍니다. – TimDog

jQuery를위한 하나의 페이지 애니메이션 프레임 워크

답변

관련 문제