css - ion-content 底部效应

Question

我在大学元素中使用了 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>

Answer 1

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

This effect is only available on Android platform NOT on iOS

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

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

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

How to get this effect in Android app?

1. 要么开发纯 Android 应用
2. 或使用 React Native 开发应用，这将帮助您仅在 Android 设备上而非 iOS 设备上产生效果