iPhone 应用程序上的 Google Plus 应用程序在向下滚动应用程序时具有这种动画图像的方式。很难描述。了解动画的最佳方式是下载最新更新，然后滚动浏览您的流。
简而言之，它似乎在您滚动时动态加载图像，然后应用一些动画组合（渐变显示+缩放）使图像慢慢淡入屏幕。动画仅在第一次显示图像时生效。换句话说，在上下滚动时，如果图像已经出现在流中，则动画不会发生。
在为 iOS 设备构建的移动 HTML5 应用程序上模拟此动画的最佳方法是什么，特别是包含在 PhoneGap 中？有人做过吗？动态加载可能是这个动画中最有趣/最具挑战性的元素，因为它非常流畅。
动态加载是否是一种错觉（即，它们实际上是否预加载了所有图像但在滚动时将它们动画化）？
谢谢！
它的工作原理是：
fade-in / fade-out或者ease-in / ease-outeffects您可以从此链接找到有关延迟加载图像的有用链接和建议。
希望有帮助！
我要说的唯一与大多数其他人所说的不同的是它的动画方式。我怀疑在 HTML5 上下文中，特别是如果在 iOS 上使用 PhoneGap，他们正在使用 jQuery Fade-in-out动画。为什么？因为 webkit-transitions 和 transforms 在移动设备的上下文中更好/更流畅 - 而 PhoneGap 只使用 WebUI 视图。
如前所述，他们可能会延迟加载图像（预加载等）。所以我没有在这个小提琴中包括那个部分。但这里有一个如何使用 CSS3 过渡/变换来模拟缩放和淡入效果的示例。它在移动设备上超级流畅，尤其是与 jQuery 淡入淡出计数器部分相比（它也不会冻结 UI 线程）。
（这个小提琴适用于 webkit 浏览器）
这是适用于 iOS 设备的滚动版本：
http://ijitsudesign.com/demos/scrollAnim/scrollExample.html
希望这可以帮助！
当用户滚动到该 div 时，请查看这篇文章JQuery fade-in a div。答案和 Marcel 的 jsfiddle 示例应该足以让您入门。