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', ''); 
     } 

    } 
});