Javascript fullpage.js如何将固定菜单附加到第二节

默认情况下，菜单显示在每页上。我想使菜单不出现在第一页上。我做了以下工作：

 $('#fullpage').fullpage({
    verticalCentered: true,
    scrollingSpeed: 600,
    css3: true,
    onLeave: function(index, nextIndex, direction){
        if (index == 2 && direction == 'up'){
            $('#menu').css('visibility','hidden');
        }
    },
    afterLoad: function(anchorLink, index){
        if (index == 2){
            $('#menu').css('visibility','visible');
        }
    }

现在，当我滚动到第二页时，菜单显示，当我滚动到第一页时，菜单隐藏。但这样，菜单就不是第二页的一部分，它只是根据位置改变可见性

我想要的是：当它滚动到第一页时，菜单应该保持在第二页。相反，当它从第一页滚动到第二页时，菜单应该在第二页上

另外，现在在html中，菜单被放置在整页包装的外面

另外，该网站将有两个以上的页面，我想将菜单附加到窗口顶部

p.p.p.S.我已经做了我想做的。但效果不好-

我想要的是：当它滚动到第一页时，菜单应该保持在第二页

使用菜单的固定位置。这是CSS的问题，而不是jQuery的问题：

#menu{
    position:fixed;
    top: 30px;
    left: 30px;
    z-index:999;
}

---

以下是您如何做到这一点：

Javascript

<script>
  $(document).ready(function(){
  $('#fullpage').fullpage({
    verticalCentered: true,
    scrollingSpeed: 1200,
    css3: true,
    afterLoad: function(anchorLink, index){
        if (index > 1){
            $('#menu').fadeTo("slow",1);
        }
    },
    onLeave: function(index, nextIndex, direction){
        if (index == 2 && direction == 'up') {
            $('#menu').fadeTo("slow",0);
        }
    }
  });
    });
</script>

$（文档）.ready（函数（）{
$（“#全页”）。全页({
垂直中心：对，
滚动速度：1200，
css3：没错，
后加载：功能（锚点链接、索引）{
如果（索引>1）{
$（“#菜单”）.fadeTo（“慢”，1）；
}
},
onLeave：函数（索引、下一个索引、方向）{
如果（索引==2&&direction=='up'）{
$（“#菜单”）.fadeTo（“慢”，0）；
}
}
});
});

它说，如果在页面加载时，如果您滚动到下面的某个部分（索引>1），则菜单将慢慢淡入

---

然后，如果您从第二部分（即到第1部分）向上滚动，它将慢慢淡出。

我的错误，在我的问题中，我忘了告诉一个重要的细节-网站将有两个以上的页面，我想让菜单显示在所有页面上，并将其附加到窗口顶部。您尝试过我的解决方案吗？？那会解决问题的。修好了，坏了。菜单仅在第二页上。当我滚动到第三页时，菜单停留在第二页。然后是因为你做错了什么。。。只需查看示例，查看源代码，您就会找到与我完全相同的解决方案。您可能没有正确应用样式。