更改fullPage.js事件选项

问题描述：

我正在使用fullPage.js制作网站，我只需要在第一部分上有一组选项，我的意思是，在第一部分中我希望具有fullPage选项设置为true，在第二部分中，我希望它设置为false，因为我使用的是fullPage事件，尽管看起来这些选项不能在事件中更改，所以我需要一种方法来实现这一点。更改fullPage.js事件选项

我的Java Script代码，看后负荷和onLeave事件，我想改变slidesNavigation选项：提前

$(document).ready(function() { 
    $('#fullpage').fullpage({ 
     sectionsColor: ['#7396FF', '#FFFFFF'], 
     controlArrows: false, 

     afterLoad: function(anchorLink, index){ 
      if(index == 1){ 
       slidesNavigation: true, 
      } 
     }, 

     onLeave: function(index, nextIndex, direction){ 
      if(index == 1){ 
       slidesNavigation: false, 
      } 
     } 
    }); 
});

感谢。

答

您不能以这种方式更改选项。

如果你不想显示幻灯片导航只是用jQuery或CSS隐藏它。

我会建议你检查this video关于如何采取加身取决于你是在部分的CSS类的优势。

你可以做这样为好，考虑到类active被添加到视口中的活动部分。

#section2.active .fp-slidesNav{ 
    display:none; 
}

Online demo

或使用事件：

$(document).ready(function() { 
    $('#fullpage').fullpage({ 
     sectionsColor: ['#7396FF', '#FFFFFF'], 
     controlArrows: false, 

     onLeave: function(index, nextIndex, direction){ 
      if(nextIndex == 2){ 
       $('#section2').find('.fp-slidesNav').hide(); 
      } 
     } 
    }); 
});

Online demo

更改fullPage.js事件选项

相关推荐