FullPage.js：滚动时只显示导航

我正在使用fullPage.js创建网站并且出于设计目的，我只想在滚动时显示导航。我试过这个FullPage.js：滚动时只显示导航

$(document).ready(function() { 
      $('#fullpage').fullpage({ 
       //navigation 
       menu: '#menu',    
       navigation: window.addEventListener("scroll", function(){return true}), 
       navigationPosition: 'right', 
       scrollBar: true, 
      }); 
     });

但它不起作用。

来源

2016-07-05 Bossan

呃，'addEventListener'需要*功能*。 – gcampbell

navigation：window.addEventListener（“scroll”，function（）{return true}）是这样吗？谢谢，但仍然没有运气，我会更新我的问题 – Bossan

添加到gcampbell，fullPage.js自带beforeMove和afterMove方法，因此您可以像beforeMove一样使用：function（）{nav.style.display ='';}，afterMove ：function（nav.style.display ='none'} – Shiv

基于从@gcampbell此帮助工作对我来说

var nav = document.querySelector('#fp-nav'); 
     nav.style.display = 'none'; 
     document.addEventListener('scroll', function() { 
      nav.style.display = 'inline'; 
      setTimeout(function(){ nav.style.display = 'none'}, 1000); 
     }); 
    });

来源

2016-07-05 08:19:21 Bossan

FullPage.js：滚动时只显示导航

回答

相关问题