jquery移動多頁視差

Question

我用jqm 1.4構建一個頁面，並希望在div內容層中只使用一個頁面的視差效果，但我找不到一個支持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是一個居中的分度，一些背景透明度，使所述圖像示出了通過。最後在page1 pageinit我們初始化了視差效果：

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