タッチデバイスの水平視差

Question

タッチデバイスで動作するには、水平視差スクロールが必要です。私はあなたが横にしかスクロールすることができるゲームを作っています。私は別のペースで動く2つのレイヤー（少なくとも3つ）が必要です。 私はいくつかのプラグイン（jInvertScrollとStellar.js）をいくつか試しましたが、動作させることはできません。これを最初から行う簡単な方法はありますか？

編集：Stellar.jsを動作させることができません。これはスニペットです： ステラがオブジェクトを見つけてそれに応じて移動すると仮定します.2つのボックスにはdisplay：none;開始時に。そして彼らは絶対的な位置付けを得る。しかし、彼らは動かない。この段階では、私は彼らに動かすだけです。 iPad /タブレットでこの効果を得るためには、どのような手順が必要ですか。

jQueryのライブラリ：

<script src="js/jquery.stellar.min.js"></script> 
<!-- OWN JQUERY --> 
<script src="js/javascript.js"></script> 

のjQuery：

$('#parallaxElements').stellar({ 
    horizontalScrolling: true 
}); 

HTML：

<!-- PICTURES AND LAYERS --> 
<div id="content"> 
    <div id="parallaxElements"> 
     <div id="forgrund" class="frontdrop" data-stellar-ratio="2" style="background:tomato;width:200px;height:50px;"> 
     </div> 

     <div id="kullarna" class="middledrop" data-stellar-ratio="1" style="background:purple;width:200px;height:50px;"> 
     </div> 

     <div id="bg" class="backdrop" data-stellar-ratio="0.5" style="background:blue;width:200px;height:50px;"> 
     </div> 
    </div> 
</div> 

CSS：

#content{ 
    position:relative; 
    width:1024px; 
    height:768px; 
    background-color:gray; 
    overflow:scroll; 
} 
#bg, #kullarna, #forgrund{ 
    width:2050px; 
    position:absolute; 
} 
#bg{ 
    height:768px; 
} 
#kullarna{ 
    z-index:10; 
} 
#forgrund{ 
    z-index:11; 
    height:600px; 
} 

Answer 1

このプラグインを使用して終了しました！ http://robbiestewart.ca/wordpress/parallaxSwipe/parallax.html 素晴らしいです！ 垂直視差と水平視差の両方を持ちます（「parallaxVertical.js」に間違って名前が付けられています）。