fullpage.js如何将固定菜单附加到第二部分

Question

默认情况下，菜单出现在每个页面上。 我想使菜单不出现在首页上。 我做了以下事情：

 $('#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');
        }
    }

现在，菜单在我滚动到第二页时显示，在我滚动到第一页时隐藏。 但是通过这种方式，菜单不是第二页的一部分，它只是根据位置更改可见性。

我需要以下内容：当滚动到第一页时，菜单应保留在第二页上。 相反，当它从第一页滚动到第二页时，菜单应位于第二页上。

PS Now以html格式显示，菜单位于整页包装器的外部。

PPS该网站将有两个以上的页面，我想在窗口顶部附加菜单。

PPPS我做了我想要的。 但是效果不好-http://jsfiddle.net/a3dw6p4w/

Answer 1

我需要以下内容：当滚动到第一页时，菜单应保留在第二页上。

在菜单上使用固定位置。 这是CSS的事情，而不是jQuery的事情：

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

Answer 2

这是您可以执行的操作：

使用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>

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

然后，如果您从第二部分（即第一部分）向上滚动，它将慢慢消失。