fullpage.js【顶部导航固定】【新手坑】

我真的太开心了，从昨晚一直到现在终于解决了！之前导航一直无法固定，搞了很久，一直查一直！终于我看到了一篇文章，可以让导航栏固定，和我的想法有异曲同工之妙！ 

$(document).ready(function() { $('#fullpage').fullpage({

paddingTop: '50px',

anchors:['firstPage', 'secondPage', 'thirdPage','fourthPage'],

menu: '#myMenu'}); });

定义了一个ul里面有li里有a‘#对应的名字’js中有相对应的名字就可以跳转页码，ul的div和页面的div要分开放置，不然无法固定顶部

再来说我需要弄的

头部的导航要和页面分开放置，这样才可以始终滚动都是在头部

#myMenu {

    position: absolute;

    z-index: 1000;

    width: 100%;

    height: 80px;

    background-color: rgba(0, 0, 0, 0.3);

}

记得加上position:absolute;这样才能固定

我更觉得fullpage.js是一直在同一屏滚动，而没有向下，不然position:absolute不可能一直能够固定住，希望这篇文章对你有帮助蟹蟹！