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

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

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
刺猬官方有技术支持吗?
有的,但技术支持是有偿服务哦,咨询右下角的在线客服吧!
下载的资源不能使用怎么办?
如果在本站下载的资源不能使用,一经确认可以联系在线客服退款。

发表评论

刺猬源码网,累计帮助1000+用户成功建站,为草根创业提供助力!

立即查看 了解详情