【问题标题】：fullPage.js parallax scrolling through slidesfullPage.js 视差滚动幻灯片
【发布时间】：2014-07-09 07:23:54
【问题描述】：

有什么方法可以实现滚动时的“视差”效果。

我正在使用 this

或者任何不同的脚本来实现整页滚动（带导航）和视差效果。

提前致谢。

编辑：我真正想做的是这种效果 - here

【问题讨论】：

【解决方案1】：

2017 年 3 月更新

现在有一个Parallax fullPage.js extension 可以提供这种效果。

2014 年 11 月更新

现在 fullPage.js 提供了一个新选项 scrollBar，当设置为 true 时，允许 fullPage.js 与任何视差插件以及使用 scrollTop 位置作为其效果参考的任何其他插件一起使用。

这是因为当使用scrollBar:true fullpage.js 时实际上是通过使用应用于浏览器滚动的jQuery 方法scrollTo 滚动站点。

here 提供了一个示例。

有一种方法，请在 fullpage.js 问题论坛中查看此主题： https://github.com/alvarotrigo/fullPage.js/issues/203

这里有一个使用 fullpage.js 并带有一些视差效果的网站： http://www.saltaboombox.com.ar/

请注意 fullpage.js 不会触发 scroll 事件，它不是滚动而是更改整页包装器的 top 或 translate3d 属性。

【讨论】：

你用scrollBar: true试过了吗？您能否提供一个链接，让我们可以看到问题的重现？
我做到了，但似乎该插件无法通过 scrollTop 工作，这是我尝试 another parallax alternative 的原因，它成功了。
是否有无需激活scrollBar 即可使用视差效果的解决方法？否则，尝试在部分内滚动时 IE 将无法工作。
@Fabián scrollBar:true 即使在 IE 8 中也可以工作。不知道你在说什么。你的问题完全不同。避免使用scrollOverflow:true 就可以了。
正如我所说，这是另一个问题，它不是scrollBar 的错误。该插件不应该以这种方式使用。不要使用scrollOverflow 来修复它。