我一定尝试了六个教程，花了几天时间试图弄清楚如何使用skrollr构建一个真正简单的视差布局。
我有3个包含背景图像的div，每个都位于页面下方的不同位置。每一个都应该有它的背景滚动相对于它在视口中的位置，而不是在页面布局上。
我一生都不知道如何指定相对模式，并在视口中可见的时间内滚动背景图像。它们在完成向上滚动视口之前停止滚动。
我的演示页面在这里：http://3fishbeta.co.uk/build/040-skrollr/05-skrollr-positioning
页面上的第一个图像容器是：
<div class="imageContainer" data-bottom="background-position:50% -700px;" data-top-bottom="background-position:50% 0px;" data-anchor-target="#trigger1" ></div>
我只是不理解数据顶部或数据底部的设置。图像应该继续滚动，直到它的容器离开视口，但它提前停止。
换句话说，当容器的顶部到达视口顶部时，图像停止移动。。。它应该是容器的底部而不是。。。我想。
有人能帮忙吗？？！
我已经回答了自己的问题。图像容器高500像素。数据顶部的位置需要为ofset乘以500px。
像这样：
data--500-top="background-position:50% 100%;"
其中顶部位置设置为-500
我希望这能帮助到别人！