0

只要您向下滚动到带有动画的站点的特定部分，我就会看到许多站点具有自动加载动画-apple.com 有它，最近我在http://www.bugherd.com/上找到了它特征

我看到 Web 检查器中加载了许多 PNG，但我无法确定它是如何完成的。

4

3 回答 3

1

我是马特（联合创始人兼设计师@BugHerd）：）

很高兴听到您喜欢我们放在功能页面上的动画。为了达到效果我们使用了transit.js库：http ://ricostacruz.com/jquery.transit/

它使用与 jQuery 动画相同的语法并且也使用动画队列。我通过加载所有需要的图像然后根据需要转换、隐藏和显示来组合动画。

很高兴回答您关于如何在您自己的网站上实现此功能的任何其他问题。

干杯!

于 2013-05-30T00:30:33.150 回答
1

顺便说一句，Apple 网站上的动画相当复杂，但对用于实现其效果的技术进行了非常详细的介绍。不过，这远远超出了我们在 BugHerd 上所做的 :)

https://docs.google.com/document/pub?id=1GWTMLjqQsQS45FWwqNG9ztQTdGF48hQYpjQHR_d1WsI

于 2013-05-30T00:44:42.110 回答
0

我不确定你在说什么，但如果你指的是 Apple 在展示 iPad 时的动画，这很容易做到。您所做的是将事件侦听器绑定到页面/容器滚动事件。然后，通过将其顶部偏移量与滚动高度进行比较，检查您的元素是否在视图范围内。如果它在视图中，请调用一个函数来为元素设置动画。这可以通过为背景偏移设置动画的单个图像精灵或实际图像序列甚至画布来完成 - 您的调用。

于 2013-05-01T13:42:47.873 回答