原生js实现教程:
元素出现在页面时,添加动画,配合animate.css使用_hjhfreshman的博客-CSDN博客_给元素添加动画
效果图:
如上所示,每滚动到一个区域,执行动画如:淡入,浮入,从右移入等等。
滚动动画其实就跟PPT的效果差不多,用户能看到什么区域再执行这个区域的动画,默认情况下整个页面,以及滚动条下面内容的动画是直接执行的。
动画的功能是通过animate.css实现的,监听dom滚动并开始执行动画由wow.js实现。
一、安装及引入依赖。
animate.css:
animate官方地址
npm install animate.css --save
import animate.css; //vue项目在main.js引入哈
wow.js
如果觉得《js WOW.js滚动动画 跟随滚动条位置执行动画》对你有帮助,请点赞、收藏,并留下你的观点哦!