懒人之家--可能是JS网页特效代码收集最全的懒站!

jQuery aos.js页面滚动元素动画库

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-18
jQuery动画库页面滚动元素动画是一款基于aos.js实现的,该动画库可以在页面滚动时提供28种不同的动画元素展示效果。


js代码

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> 
<script src="js/highlight.min.js"></script> 
<script src="dist/aos.js"></script> 
<script>
	AOS.init({
		easing: 'ease-out-back',
		duration: 1000
	});
</script> 
<script>
	hljs.initHighlightingOnLoad();

	$('.hero__scroll').on('click', function(e) {
		$('html, body').animate({
			scrollTop: $(window).height()
		}, 1200);
	});
</script>