jquery移动多页视差

jquery移动多页视差,jquery,jquery-mobile,mobile,parallax,Jquery,Jquery Mobile,Mobile,Parallax,我用jqm1.4构建了一个页面,希望在div内容层中只对一个页面使用视差效果,但是我找不到一个支持jqm多页面的插件。有人知道解决办法吗 你好,克里斯 这里有一个 它使用名为skrollr的插件,该插件位于以下位置: 在演示中,第1页具有视差效果,第2页是正常的jQM页面。在第一页中,content DIV具有skrollr插件使用的背景图像和数据属性: <div data-role="content" id="theContent" data-0="background-position

我用jqm1.4构建了一个页面,希望在div内容层中只对一个页面使用视差效果,但是我找不到一个支持jqm多页面的插件。有人知道解决办法吗

你好,克里斯

这里有一个

它使用名为skrollr的插件,该插件位于以下位置:

在演示中,第1页具有视差效果,第2页是正常的jQM页面。在第一页中,content 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;
}
$(document).on("pageinit", "#page1", function(){
    skrollr.init({
        forceHeight: false
    });
});