jQuery的一页动画框架答案

【问题标题】：One page animation framework for jQueryjQuery的一页动画框架
【发布时间】：2012-10-24 19:24:28
【问题描述】：

我正在开发一个非常重动画的单页网站 atm，并且我正在尝试查找有关该主题的教程和/或代码。

网站基本上由几个部分组成，所有部分都位于画布上。用户应该能够滚动到画布上的不同部分并展开部分，以便它们占据整个视口。

它类似于许多其他单页网站，但您应该能够向各种方向滚动，并且就像我说的那样，某些部分应该是可扩展的。

理想情况下，我正在寻找一个允许这种类型动画的 jQuery 插件/框架。当然，我需要它是可访问的，最好是轻量级的（我不需要一堆内置的东西，只需要 URL 处理等）。

我已经用谷歌搜索并检查了其他网站，并考虑过自己编写这一切，但如果有人最近做了类似的事情或知道有前途的框架，我很想知道。

编辑：如果框架还支持在部分本身中设置动画对象，那就太棒了。这样在滚动到某个部分后，文本和图像可以从侧面滑入。

干杯

【问题讨论】：

【解决方案1】：

也许将KineticJS 之类的内容与ZyngaScroller 之类的滚动画布结合起来可以实现您的目标？

免责声明我编写了 ZyngaScroller jquery 插件。

【讨论】：

ZyngaScroller 看起来不错。不知道这是否正是我正在寻找的东西。只是为了清楚;当我说“画布”时，我实际上并不是指 html canvas 元素，只是每个部分都布置在“画布”上，如果你知道我的意思的话。
知道了。我对此有点困惑。 original Zynga Scroller is here，它有很多示例（分页、缩放等）。可能是您所追求的……希望这会有所帮助。

【解决方案2】：

如果有人感兴趣，我最终会使用 jQuery.scrollTo 和 jQuery.localScroll。我不得不对 localScroll 做一个小改动，以允许在最后点击的链接上使用 .selected-class。我还建立了一个小系统来处理水平部分。结果一切都很好。

【讨论】：