scrollReveal.js网页动效插件

Posted 2020-10-11 利兮

scrollReveal.js网页动效插件，可以使网页滚动的时候页面元素动起来，产生炫酷的动态效果，吸引用户眼球，对用户体验有一定的提升。

使用scrollReveal.js非常简单，你只需在页面引入scrollReveal.js文件：<script src="js/scrollreveal.js"></script>（相关文件可到github站下载），并在页面设置滚动时发生动效的元素即可：

<script>

window.sr = ScrollReveal();
sr.reveal(‘.yourclass1‘);
sr.reveal(‘.yourclass2‘);

</script>

默认元素动效，是从下方切入显示。有英文基础的童鞋可以到官网查看更多属性设置，以实现更加炫酷的动效。