javascript - Skrollr 背景 : position property applied to an image does not work

Question

我正在尝试使用 scrollr 为一些图像的不透明度和视差位置属性设置动画。

Opacity 在 img 和 div 标签上完美运行，但 position 属性不起作用。

我尝试将 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

之间移动

对我来说很好。