fullpage.js菜单固定顶

Question

我使用fullPage.js为我的网站，

有什么办法使菜单粘性。

在第一段菜单固定底部，第二段菜单固定顶部。

想实现这个菜单效果http://www.dadaabstories.org/

谢谢大家对你真棒支持。

欢呼 伯尼

Answer 1

在这里，你有an example。

它做得相当快，但也许有一个更简单的方法来做到这一点。基本上它是关于玩回调和CSS样式。

$('#fullpage').fullpage({ 
    slidesColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'], 
    onLeave: function (index, direction) { 
     if (index == 1 && direction == "down") { 
      var menuTop = $(window).height() - $('#myMenu').height(); 


      $('#myMenu').css('top', '').css('bottom', menuTop + 'px'); 
     } 
     if (index == 2 && direction == "up") { 
      var menuTop = $(window).height() - $('#myMenu').height(); 

      $('#myMenu').animate({ 
       top: menuTop + 'px', 
      }, 300); 

      $('#myMenu').css('bottom', ''); 
     } 

    } 
});