VUE.JS 中滚动的动画,如 wow.js
Animation on scroll in VUE.JS like wow.js
我想在我的 vuejs 站点滚动时向某些块添加动画,例如 wow.js
也许你现在我该怎么做?谢谢
我找到了一个很好的解决方案,就是插件AOS(滚动动画)
vue.js 你需要:
npm install --save aos@next 或 yarn add aos@next
[main.js] 从 'aos' 导入 AOS;
[main.js] 导入 'aos/dist/aos.css'; // 你也可以使用样式
[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>
祝你有愉快的一天!
我想在我的 vuejs 站点滚动时向某些块添加动画,例如 wow.js
也许你现在我该怎么做?谢谢
我找到了一个很好的解决方案,就是插件AOS(滚动动画)
vue.js 你需要:
npm install --save aos@next 或 yarn add aos@next
[main.js] 从 'aos' 导入 AOS;
[main.js] 导入 'aos/dist/aos.css'; // 你也可以使用样式
[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>
祝你有愉快的一天!