Skrollr背景：应用于图像的位置属性不起作用

Question

我试图使用滚动器为几个图像的不透明度和parrallax位置属性设置动画。

不透明度在img和div标签上完美运行，但位置属性不起作用。

我尝试将background-position属性应用于img标记和div标记，但它只是不起作用。

<div class="image1" data-bottom="opacity:0;background-position: 0px -250px;" data-center="opacity:1;background-position: 0px 0px;" data-top="opacity:0;background-position: 0px 250px;"></div>

我究竟做错了什么？

http://jsfiddle.net/Eq87X/3/

谢谢

Answer 1

该职位不需要固定或绝对。 它可以是相对的。

举个例子：

 data-150-top="background-position: 0px -250px;"
 data-350-top="background-position: 0px 0px;"

换句话说，该示例将数据设置为在150px和350px之间移动

对我来说很好。

Answer 2

如果要移动元素，则需要给它一个absolute或fixed的位置。 看看我的简单视差教程 ，这可能会有所帮助。