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

yzch6671

1年前发布

045720

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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END