Ionic Content bottom effect

Question

I used Ionic 3 for my university project. I'm trying to find some tutorial for an animation like the one below, but I can't find any tutorial. I want to know how to add an effect like this. The animation/effect I'm talking about is the one showing when you reach the end of a list. For example the Facebook and Gmail app use an animation like this. Does anyone know how to add this to Ionic 3? Thanks

video example : 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

This scrolling effect is available in Android platform since Lollipop release. This was part of Material Design release.

This effect is only available on Android platform NOT on iOS

Check this New end-of-scroll animations (and a new look for Gmail) at link when it was release: https://gizmodo.com/the-best-of-android-lollipop-in-8-gifs-1652428837

Check this video here : https://youtu.be/ydFKEMxEywE?t=48

You can not get this effect in your Ionic app because this is Android's native effect.

How to get this effect in Android app?

1. Either develop pure Android App
2. Or develop app using React Native, this will help you get effect only in Android device NOT on iOS device