FullPage.JS Défilement

Ma question concerne fullpage.js répondant aux événements (window).scroll . J’essaie de faire en sorte que mon application modifie la barre de navigation d’un parchemin, mais je ne parviens pas à ce que mon site enregistre les événements du défilement. J’ai essayé les questions suivantes, telles que: Animate in Nav Bar on Scroll . Lorsque j’ajoute l’option autoScrolling: false à fullpage, le problème est résolu, mais je préfère ne pas utiliser cette option. Je souhaite tirer parti de l’action de défilement simple pour déplacer toute la page.

Je peux donner un exemple jsfiddle si cela n’est pas encore clair.

Vous devriez mieux utiliser les rappels fournis par le plugin tels que onLeave et afterLoad . Cela vous donnerait le pouvoir de tirer lorsque vous passez d’une diapositive à l’autre.

Si vous voulez toujours le faire avec d’autres plugins, vous devrez utiliser fullpage.js avec l’option scrollBar:true .

Vous avez plus d’informations à ce sujet dans la documentation .

La raison pour laquelle vous ne pouvez pas déclencher d’action à l’aide de l’événement scroll est que le plug-in ne fait pas réellement défiler la page, mais modifie simplement la propriété top de l’encapsuleur de site ou ajoute la propriété translate3d en cas d’utilisation de l’option css3:true .