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

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

JS代码

<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/prism.js"></script>
<scripttype="text/javascript"src="js/jquery.easing.1.3.js"></script>
<scripttype="text/javascript"src="js/jquery.section-scroll.js"></script>
<scripttype="text/javascript"src="js/materialize.min.js"></script><scripttype="text/javascript">
$(document).ready(function(){
$('body').sectionScroll({
easing:'easeInOutQuart',
scrollDuration:1200
});
$('body').on('section-reached',function(){
varsection_title=$('body').sectionScroll.activeSection.data('section-title');
Materialize.toast('Inview:'+section_title,1000);
})})
</script>



下载

2023-11-22 22:53 上传

点击文件名下载附件
售价: 2 金币  [记录]  [购买]