javascript - FullPage.JS 滚动

Question

我的问题涉及 fullpage.js 响应 (window).scroll 事件。我试图让我的应用程序更改滚动条上的导航栏，但我无法让我的站点记录任何滚动事件。我尝试了以下问题:Animate in Nav bar on scroll .当我将 autoScrolling: false 选项添加到 fullpage 时，它​​解决了这个问题，但我宁愿不使用该选项。我想利用移动整个页面的简单滚动操作。

如果仍然不清楚，我可以提供一个 jsfiddle 示例。

Answer 1

您最好使用插件提供的回调，例如onLeave和 afterLoad .这将使您能够在从一张幻灯片转到另一张幻灯片时触发 Action 。

如果您仍想使用其他插件，则需要使用带选项 scrollBar:true 的 fullpage.js。

你有更多关于它的信息at the documentation .

使用 scroll 事件无法触发任何操作的原因是插件不会真正滚动页面，而只是更改网站的 top 属性包装器或在使用选项 css3:true 的情况下添加属性 translate3d。