2016-07-05 22 views
0

Ich mache eine Website mit fullPage.js und für Design-Zwecke möchte ich die Navigation nur beim Scrollen anzeigen. Ich habe es versuchtFullPage.js: Zeige nur Navigation beim Scrollen

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

aber es funktioniert nicht.

+0

Er, 'addEventListener' eine Funktion * nimmt *. – gcampbell

+0

navigation: window.addEventListener ("scroll", funktion() {return true}) so? Danke, aber immer noch kein Glück, ich werde meine Frage aktualisieren – Bossan

+1

Hinzufügen zu gcampbell, fullPage.js kommt mit beforeMove und afterMove-Methoden, so können Sie wie beforeMove: function() {nav.style.display = '';}, afterMove : function (nav.style.display = 'none'} – Shiv

Antwort

1

Basierend auf Hilfe von @gcampbell dies funktionierte für mich

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