如何在 Ionic v4 中滚动显示？

Question

I'm trying to make a reveal on scroll with Ionic, until now I was using ngx-scrollreveal ( https://github.com/tinesoft/ngx-scrollreveal ) which is working fine with my angular pages.

With the Ionic Grid system the reveal animations act weirdly, they are only trigger by changing the viewport size.

<div [ngsReveal]="{reset: true}" >Outside ion-content</div>
<ion-content padding>
    <div [ngsReveal]="{reset: true}" >Inside ion-content : Only display if the object is on view page load</div>
    <ion-grid fixed>
        <div [ngsReveal]="{reset: true}" >Inside ion-grid : Only display when page's size change</div>
    </ion-grid>
</ion-content>

Also the reset option seems to not be functional. (The object should fade away when is out of the viewport.)

I am using the wrong material for the effect I want? Or is it just a problem with my grid?

Answer 1

It seems to work smoothly using ng-in-viewport instead.

https://github.com/rivafarabi/ionic-scroll-reveal