如何使用Skrollr.js滚动背景

时间:2014-12-16 16:04:37

标签: jquery html skrollr

我的skrollr.js插件有问题。我想在滚动时更改背景位置。 我希望得到像在此模板中:http://themes.lucky-roo.com/rinjani-v1.3.1/rj-parallax/index.html in"鲜为人知的事实!"部分。

我将网站划分为<section>。每个部分都有position: relative

然后我创建了一个新的部分,我尝试使用背景图像实现该动画,并尝试更改背景位置,但它不起作用:/

<section class = "why-we-both white padding" 
    style = "background: #000 url ('img / bg1.jpg') no-repeat;"
    data-1000 = "background-position: 0 0"
    data-1200 = "background-position: 0 -400px">
...
</section>

我做错了什么?

1 个答案:

答案 0 :(得分:0)

尝试添加数据-0 =“background-position:0 0”Skrollr有点需要知道元素在位置0的位置,