iphone - 向下滚动时在 HTML5 移动应用程序 (PhoneGap) 中制作动画图像,例如 Google Plus iPhone 应用程序?

标签 iphone ios animation cordova

iPhone 应用程序上的 Google Plus 应用程序具有这种在向下滚动应用程序时为图像设置动画效果的方式。很难描述。了解动画的最佳方式是下载最新的更新,然后滚动浏览您的流。

简而言之,它似乎在您滚动时动态加载图像,然后应用一些动画组合(渐变显示 + 缩放)使图像慢慢淡入屏幕。动画仅在第一次显示图像时生效。也就是说,上下滚动时,如果图片已经出现在流中,则不会出现动画。

在为 iOS 设备构建的移动 HTML5 应用程序(专门包含在 PhoneGap 中)上模拟此动画的最佳方法是什么?有没有人这样做过?动态加载可能是这个动画中最有趣/最具挑战性的元素,因为它非常流畅。

动态加载是否是一种幻觉(即,它们是否实际上预加载了所有图像,但在滚动时将它们动画化)?

谢谢!

最佳答案

其工作原理是:

  1. 编写延迟加载图片的代码(HTML+JS+CSS)
  2. 修改图片加载代码,结合jqueryfade-in/fade-outease-in/ease-out效果

您可以从 this 找到有关图像延迟加载的有用链接和建议。链接。

希望对您有所帮助!

关于iphone - 向下滚动时在 HTML5 移动应用程序 (PhoneGap) 中制作动画图像,例如 Google Plus iPhone 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11319654/

相关文章:

iphone - 使用 AVAudioRecorder 录制 WAV 格式文件?

ios - 修改核心数据实体的属性后 SwiftUI 预览崩溃

iphone - 如何设置表格 View 单元格适应标签?

ios - 如何在表格 View 中获取文本字段的节数和行数?

iphone - 为 UITableView 的第一个和最后一个单元格制作圆角

安卓动画问题

iphone - 我是否应该询问网站是否需要使用他们的 rss feed 作为我的应用程序的数据?

ios - UICollectionViewLayout 小型和大型单元自动布局

javascript - 使用 Three.js 通过 BVH 为 MakeHuman 角色制作动画

javascript - 向第三方 jquery 插件添加动画过渡 - Dropit