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触发事件向下滚动？

回答

相关问题