原生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滚动动画 跟随滚动条位置执行动画》对你有帮助，请点赞、收藏，并留下你的观点哦！