VUE.JS 中滚动的动画,如 wow.js

Animation on scroll in VUE.JS like wow.js

我想在我的 vuejs 站点滚动时向某些块添加动画,例如 wow.js

也许你现在我该怎么做?谢谢

我找到了一个很好的解决方案,就是插件AOS(滚动动画)

vue.js 你需要:

  1. npm install --save aos@next 或 yarn add aos@next

  2. [main.js] 从 'aos' 导入 AOS;

  3. [main.js] 导入 'aos/dist/aos.css'; // 你也可以使用样式

  4. [main.js] AOS.init(); 然后你可以为你的块添加数据属性,比如:

    <div
     data-aos="fade-up"
     data-aos-offset="200"
     data-aos-delay="50"
     data-aos-duration="1000"
     data-aos-easing="ease-in-out"
     data-aos-mirror="true"
     data-aos-once="false"
     data-aos-anchor-placement="top-center"
    >   </div>
    

祝你有愉快的一天!