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。