Fullpage.js固定导航栏-实现定位导航栏_javascript技巧

2020-11-27 来源：好走旅游网

FullPage.js 是一个简单而易于使用的插件，用来创建全屏滚动网站（也被称为单页网站）。除了可以创建全屏滚动效果以外，也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸，包括平板电脑和移动设备。

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

仔细看了fullpage文档之后，发现不用额外写js代码就可以实现以下效果：

1.当滚动翻页时，导航栏也自动定位到这一页的标签

2.当然点击标签时，也是滚动到那一页而不是直接跳转的。

一、准备工作肯定是要先导入fullpage.js啦；

官网是https://github.com/alvarotrigo/fullPage.js

显示全文