一、aos.js
超赞页面滚动元素动画jQuery
动画库:
https://www.jq22.com/jquery-info8150
注意:一定先要初始化AOS:【不能放在 $(function() {})
里面】
对应代码:
<link rel="stylesheet" href="/assets/css/aos.css" />
<script src="/static/libs/jquery/jquery.min.js"></script>
<script src="/assets/js/aos.js"></script>
<script>
// AOS初始化 【必写,且不能放在 $(function() {}) 里面】
AOS.init ({
offset: 200,
duration: 600,
easing: 'ease-in-sine',
delay: 100,
once:true,
});
</script>
对应代码:
aos="zoom-in" aos-duration="600"