jquery mobile multipage parallax

Question

Я создаю страницу с jqm 1.4 и хочу использовать эффект параллакса только для одной страницы на уровне содержимого div, но я не могу найти плагин, поддерживающий multipage с jqm. Знать кого-то решение?

С уважением, Крис

Answer 1

Вот DEMO

Он использует плагин называется skrollr найти здесь: https://github.com/Prinzhorn/skrollr/tree/master/examples#examples

В демоверсии, стр.1 имеет эффект параллакса и страницы 2 - нормальная страница jQM. В первой странице, то содержание DIV имеет фоновое изображение и атрибуты данных, используемое skrollr плагин:

<div data-role="content" id="theContent" data-0="background-position:0px 0px;" data-100000="background-position:0px -50000px;"> 

#theContent{ 
    background:url(http://prinzhorn.github.io/skrollr/examples/images/bubbles.png) repeat fixed; 
} 

В DIV контента является центром ДИВ с некоторой прозрачностью фона, чтобы изображение просвечивает. Наконец, на странице 1 pageinit мы инициализируем эффект параллакса:

$(document).on("pageinit", "#page1", function(){ 
    skrollr.init({ 
     forceHeight: false 
    }); 
});