Javascript Skrollr背景：应用于图像的位置属性无效

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

不透明度在img和div标签上可以完美地工作，但position属性将无法工作

我尝试将backgroundposition属性应用于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>

我做错了什么

---

谢谢

如果你想移动一个元素，你需要给它一个位置

绝对

或

固定

。看看我的，这可能会有帮助。

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

例如：

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

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

---

对我来说很好。

对我来说很好。@Daedalus上面的小提琴对你有用吗？我在Firefox、Chrome、Safari上都试过，但运气不好。图片的背景会随着图片的褪色而移动。这在chrome中对我很有效；如果这不是你想要的，你需要在你的问题上更加具体。同时，我在Chrome32上测试了它。@Daedalus。Position属性应移动应用于的图像或div。当应用于DIV时-它只移动DIV内的背景图像，而不是整个DIV。当应用于IMG时，它根本不适用于任何内容。这个示例在iOS上被打破（使用iOS 8的iPad）。它根本不会滚动。