Skrollr全截面視差效果

Question

我正在努力實現全截面視差效果。我期待基本上效仿http://rachelplatten.com/#intro。

本網站專門針對手機（ios）也很流暢。我正在嘗試使用Skrollr來達到這個效果。在這個網站上滾動，它揭示了下一個div。

在我的codepen藍色重疊的照片，而不是揭幕。我試過使用數據錨定目標，但沒有運氣。也許我的CSS是錯誤的。我打算有一個未知數量的部分，所以如果我可以設置一個基本結構到哪裏工作，那就太好了。我是skrollr的新手，希望得到任何建議。

<section data-center="transform:translate3d(0px, 0px, 0px);" data-top-bottom="transform:translate3d(0px, 500px, 0px);"> 

謝謝

Answer 1

我不知道我完全理解你的問題，但你會發現它有助於看看Prinzhorn的classic parallax example因爲這是或多或少你鏈接的網站呢。

根據我的理解（如果您計劃在網站上進行移動設備友好），您可以預先載入您將用作背景的所有圖像，然後使用它們填寫.gap div。