开始制作自己的个人简历啦,决定要使用固定导航栏,又打算使用fullpage.js做全屏滚动。仔细看了fullpage文档之后,发现不用额外写js代码就可以实现以下效果:1.当滚动翻页时,导航栏也自动定位到这一页的标签2.当然点击标签时,也是滚动到那一页而不是直接跳转的。 一、 ...
开始制作自己的个人简历啦,决定要使用固定导航栏,又打算使用fullpage.js做全屏滚动。
仔细看了fullpage文档之后,发现不用额外写js代码就可以实现以下效果:
1.当滚动翻页时,导航栏也自动定位到这一页的标签
2.当然点击标签时,也是滚动到那一页而不是直接跳转的。
一、准备工作肯定是要先导入fullpage.js啦;
官网是https://github.com/alvarotrigo/fullPage.js
<link rel="stylesheet" href="styles/jquery.fullPage.css"><script src='/images/loading.gif' data-original="scripts/jquery.min.js"></script><script src='/images/loading.gif' data-original="scripts/jquery.fullPage.min.js"></script>
原标题:fullpage.js 结合固定导航栏—实现定位导航栏
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。