OnePageScroll插件 - 在滚动时触发事件

Question

我正在使用javascript插件onePage（http://www.thepetedesign.com/demos/onepage_scroll_demo.html），我想仅在特定部分处于活动状态时触发操作。

当插件将类“active”添加到变为活动的部分时，我想到使用此代码但它不起作用：

$('#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
});