Question

下面我试图使用Js脚本删除特定查看站点中的fp-slidesNav.bottom栏（在本例中为第5页）。它看起来像我想要的那样工作。我现在挠脑筋，拉了几个小时，真的不知道什么是错的。我也尝试改变＃fp-nav - ＆gt; .fp-slidesNav.bottom。另外要添加我已经尝试使用css：

 body.fp-viewing-5-0 #fp-nav {
 display:none;
}


$(document).ready(function() {
$('#wrapper').fullpage( { 

 anchors: ['.fp-viewing-5-0'],
 afterRender: function(){
 $('#fp-nav').hide();
 },

 afterLoad: function(anchor, index){
 if(index == 1){
   $('#fp-nav').fadeOut();
  }
   else{
    $('#fp-nav').fadeIn();
   }
 } 
}

Answer 1

尝试删除afterLoad回调，否则你将在不是第一个的所有部分中使用fadeIn，而且似乎你想在5日隐藏它。

删除它：

afterLoad: function(anchor, index){
 if(index == 1){
   $('#fp-nav').fadeOut();
  }
   else{
    $('#fp-nav').fadeIn();
   }
 } 
}

Answer 2

查看此链接https://github.com/alvarotrigo/fullPage.js#onleave-origin-destination-direction

示例代码：

onLeave: function (origin, destination, direction) {
    $('header #mobile-nav').collapse('hide');

    var loadedSection = this;

    if (origin == 2) {
        $('#fp-nav').hide();
    }

},
afterLoad: function (origin, destination, direction) {
    var loadedSection = this;

    if (destination == 2) {
        $('#fp-nav').hide();
    }
}

尝试使用FullpageJS在网站中的特定观察点上隐藏导航栏

2 个答案: