如何在元素离开视图时反转ScrollReveal动画

Question

我正在使用vue-scroll-reveal为网页上的导航栏设置动画。

ScrollReveal文档https://scrollrevealjs.org/api/before-reset.html

这是我的代码：

<div

  class="navbar-menu"
  v-bind:class="{ 'is-active': isOpen }"
  v-scroll-reveal.reset="{
    origin: 'top',
    duration: 1000,
    easing: 'ease',
    opacity: 1
  }">
  <div>
    <nuxt-link class="navbar-item" to="about"
      >About</nuxt-link>
  </div>
</div>

当我显示导航项目时，它工作正常，但我想在敲击汉堡包时看到反向动画，以便动画化。

我正在nuxt中将Bulma用作导航栏，也希望了解是否存在更好的导航栏解决方案/库，默认情况下可以解决动画问题。