时间戳

首页 > 解决方案 > 离子含量底部效果

css - 离子含量底部效果

问题描述

我将 Ionic 3 用于我的大学项目。我正在尝试为类似下面的动画找到一些教程，但我找不到任何教程。我想知道如何添加这样的效果。我正在谈论的动画/效果是当您到达列表末尾时显示的动画/效果。例如，Facebook 和 Gmail 应用程序使用这样的动画。有谁知道如何将它添加到 Ionic 3 中？谢谢

视频示例：https ://streamable.com/w803y

<div style="width: 100%; height: 0px; position: relative; padding-bottom: 177.778%;"><iframe src="https://streamable.com/s/w803y/tplzas" frameborder="0" width="100%" height="100%" allowfullscreen style="width: 100%; height: 100%; position: absolute;"></iframe></div>

示例效果

标签： cssionic-frameworkionic3

解决方案

自Lollipop发布以来，此滚动效果在 Android 平台中可用。这是Material Design版本的一部分。

此效果仅适用于 Android 平台，不适用于 iOS

在发布时查看此新的滚动结束动画（以及 Gmail 的新外观）：https ://gizmodo.com/the-best-of-android-lollipop-in-8-gifs-1652428837

在此处查看此视频：https ://youtu.be/ydFKEMxEywE?t=48

您无法在 Ionic 应用程序中获得此效果，因为这是 Android 的原生效果。

如何在 Android 应用中获得这种效果？

  1. 要么开发纯Android App
  2. 或者使用React Native开发应用程序，这将帮助您仅在 Android 设备上而不是在 iOS 设备上生效

推荐阅读