如何在 Ionic v4 中滚动显示？答案

【问题标题】：How to reveal on scroll in Ionic v4?如何在 Ionic v4 中滚动显示？
【发布时间】：2019-12-18 02:21:28
【问题描述】：

我正在尝试使用 Ionic 进行滚动显示，直到现在我使用的是 ngx-scrollreveal (https://github.com/tinesoft/ngx-scrollreveal)，它在我的角度页面上运行良好。

使用 Ionic Grid 系统，显示动画的行为很奇怪，它们只能通过更改视口大小来触发。

<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>

重置选项似乎也不起作用。（当物体离开视口时，物体应该消失。）

我使用了错误的材料来达到我想要的效果？还是只是我的网格有问题？

【问题讨论】：

标签： javascript angular ionic-framework frontend

【解决方案1】：

使用 ng-in-viewport 似乎可以顺利运行。

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

【讨论】：