Как прокрутить фон с помощью Skrollr.js

Question

У меня проблема с плагином skrollr.js. Я хочу изменить положение фона при прокрутке. Я хочу получить эффект, например, для этого шаблона: http://themes.lucky-roo.com/rinjani-v1.3.1/rj-parallax/index.html в разделе "Малоизвестные факты!" раздел.

Я разделил свой сайт на <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>

Что я делаю не так?

Answer 1

Попробуйте добавить data-0 = "background-position: 0 0" Skrollr вроде как нужно знать, как элемент находится в позиции 0,