fullPage.js視差滾動幻燈片

Question

有什麼辦法可以在滾動時實現「視差」效果。

進出口使用this

或者，也許任何不同的腳本來實現全頁面滾動（帶導航）和視差效果。

在此先感謝。

編輯： 什麼我真的想要做的就是這個效果 - here

Answer 1

UPDATE 2017年3月

現在有一個Parallax fullPage.js extension提供這種效果。

UPDATE 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一些paralax影響的網站： http://www.saltaboombox.com.ar/

只要考慮到fullpage.js不會觸發scroll事件，它不滾動，但更改整頁包裝器的top或translate3d屬性。