FullPage.JS 滚动

Question

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

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

Answer 1

您最好使用插件提供的回调，例如onLeave 和afterLoad。 当您从一张幻灯片切换到另一张幻灯片时，这将为您提供触发动作的能力。

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

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

您不能使用scroll 事件触发任何操作的原因是插件并没有真正滚动页面，而只是更改站点包装器的top 属性或添加属性translate3d 以防万一使用选项css3:true。