fullPage.js觸發事件向下滾動？

我想這樣做sometlike此：

$(document).ready(function() { 

/* * 
/* SCROLL Event 
/* */ 
$(window).scroll(function() { 
     document.getElementById("navbar").style.background = "rgba(0, 0, 0, 0.2)"; 
     $(".logo a").css("color", "#ec008c"); 
     $(".box-shadow-menu").css("background-color", "#ec008c"); 
     $(".box-shadow-menu").css("box-shadow", "0 0.37em 0 0 #ec008c, 0 0.73em 0 0 #ec008c"); 
     console.log("Scroll") 
    }); 
});

我該怎麼辦？如果我使用此代碼不起作用，爲什麼？

謝謝你，吉安馬可。

來源

2017-02-19 Kiuki

使用[回調]（https://github.com/ alvarotrigo/fullPage.js＃回調）或[fullPage.js狀態類]（https://github.com/alvarotrigo/fullPage.js#state-classes-added-by-fullpagejs）作爲@ s3rila建議。查看一個回調演示[here]（http://codepen.io/alvarotrigo/pen/XbPNQv）和關於州級課程的視頻教程[here]（https://www.youtube.com/watch?v= qiCVPpI9l3M）。 – Alvaro

這是在窗口的情況下沒有地方向右滾動？

我認爲你必須綁定mousewheel事件。

$(window).bind('mousewheel', function(e){ 
    if(e.originalEvent.wheelDelta /120 > 0) { 
     console.log('scrolling up'); 
    } 
    else{ 
     console.log('scrolling down'); 
    } 
    });

但我認爲你可能想通過靶向fullpage.js methode或Callbacks。你或許應該通過靶向您的JS改變顏色當你離開的第一個（或其他）滑動，爲例：

$('#fullpage').fullpage({ 
    onLeave: function(index, nextIndex, direction){ 
     var leavingSection = $(this); 

     //after leaving section 1 
     if(index == 1 && direction =='down'){ 
      document.getElementById("navbar").style.background = "rgba(0, 0, 0, 0.2)"; 
      $(".logo a").css("color", "#ec008c"); 
      $(".box-shadow-menu").css("background-color", "#ec008c"); 
      $(".box-shadow-menu").css("box-shadow", "0 0.37em 0 0 #ec008c, 0 0.73em 0 0 #ec008c");  
     }   
    } 
});

文檔上onLeave

來源

2017-02-19 22:14:43 LucasP

fullPage.js觸發事件向下滾動？

回答

相關問題