如何解决如何在元素离开视图时反转ScrollReveal动画
我正在使用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用作导航栏,也希望了解是否存在更好的导航栏解决方案/库,默认情况下可以解决动画问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。