你的位置:首页 > 软件开发 > Java > fullpage.js 结合固定导航栏—实现定位导航栏

fullpage.js 结合固定导航栏—实现定位导航栏

发布时间:2016-03-17 09:00:07
开始制作自己的个人简历啦,决定要使用固定导航栏,又打算使用fullpage.js做全屏滚动。仔细看了fullpage文档之后,发现不用额外写js代码就可以实现以下效果:1.当滚动翻页时,导航栏也自动定位到这一页的标签2.当然点击标签时,也是滚动到那一页而不是直接跳转的。 一、 ...

fullpage.js 结合固定导航栏—实现定位导航栏

开始制作自己的个人简历啦,决定要使用固定导航栏,又打算使用fullpage.js做全屏滚动。

仔细看了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

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。