reactjs - 反应退出动画

Question

当我们从屏幕上滚动一个 div 时，我想添加淡出或反向动画，所以当我们再次滚动时它应该再次淡入。此代码不起作用，它仅在以下位置进行动画处理：

import Fade from 'react-reveal/Fade';
import Reveal from 'react-reveal/Reveal';

<Reveal effect="animated fadeInLeft animate__fadeInLeft" effectOut="animated fadeOutLeft animate_fadeOutLeft" delay={500}>
  <p>Markup that will be revealed on scroll</p>
</Reveal>

这都不是：

<Fade duration={500} delay={500} distance="30px" effectOut="animated animate_fadeOutLeft fadeOutLeft">

知道我想念什么吗？

标签： reactjsscroll