OnePageScroll插件 - 滾動觸發事件

Question

我正在使用JavaScript插件onePage（http://www.thepetedesign.com/demos/onepage_scroll_demo.html），我想僅在特定部分處於活動狀態時觸發操作。

因爲插件類「主動」添加到成爲活躍的部分，我想使用此代碼，但它不工作：

$('#mySection').bind("addClass",function(){ 
    alert("my section becomes active"); 
}); 

我怎樣才能使這項工作？

非常感謝

Answer 1

可以使用afterMove回調來檢查你想要的部分是否已經被激活。 onePage插件將「活動」類添加到當前部分。

http://jsfiddle.net/JepzT/1/

$(".main").onepage_scroll({ 
    sectionContainer: "section", 
    animationTime: 1000, 
    pagination: true, 
    updateURL: false, 
    beforeMove: function (index) {}, 
    afterMove: function (index) { 
     if ($('#mySection').hasClass('active')) { 
      alert('My section has become active'); 
     } 
    }, 
    loop: false, 
    responsiveFallback: false 
});