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

时间:2014-01-18 21:44:16

标签: javascript html css skrollr

我正在尝试使用滚动器设置一些图像的不透明度和parrallax位置属性。

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

我尝试将background-position属性应用于img tag和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/

由于

2 个答案:

答案 0 :(得分:2)

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

举个例子:

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

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

对我来说很好。

答案 1 :(得分:0)

如果您想移动元素,则需要为其定位absolutefixed。看看我的Simple parallax tutorial,这可能会有所帮助。