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。