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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载