jQuery锚点定位全屏滚动切换代码

作者 : 小刺猬 本文共768个字,预计阅读时间需要2分钟 发布时间: 2020-07-29 共62人阅读

jQuery锚点定位全屏滚动切换代码

一款基于jquery.section-scroll插件实现的网页锚点定位全屏滚动切换特效代码,全屏滚动切换的网站目前挺流行的,这种效果一般用于网站单页介绍。

JS代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/prism.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.section-scroll.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>



<script type="text/javascript">
	$(document).ready(function () {
		$('body').sectionScroll({
			easing: 'easeInOutQuart',
			scrollDuration: 1200
		});


		$('body').on('section-reached', function() {
			var section_title = $('body').sectionScroll.activeSection.data('section-title');
			Materialize.toast('In view: ' + section_title, 1000);
		})

	})
</script>
VIP免费 永久VIP免费

已有0人支付


刺猬源码 » jQuery锚点定位全屏滚动切换代码

刺猬QQ交流群号多少?
363432

发表评论