jquery - 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
});