視差スクロールを実装する方法は？

Question

これは私がこのコードで同じことをやっています
...我々はセンターセクションをスクロールした場合、このサイトセンターと右側のセクションで参照
http://readwrite.com/2013/02/07/robert-scoble-favorite-apps-facebook-gmail-youtube
の両方を一度にスクロールされているリンクです： -

これは、HTMLコードである： -

<div id="left" class="linked"> 
<img height="600" src="http://www.visitingdc.com/images/eiffel-tower-picture.jpg"> 
</div> 
<div id="right" class="linked"> 
<img src="http://www.visitingdc.com/images/eiffel-tower-picture.jpg"> 
</div><br> 

スクリプト： -

$(function(){ 

    $('.linked').scroll(function(){ 
     $('.linked').scrollTop($(this).scrollTop());  
    }) 

}) 

CSS： -

<br>#left { width: 300px; height: 400px; overflow: scroll; float: left; } 
#right { width: 300px; height: 400px; overflow: scroll; float: left; } 

が、私は1つの少し問題を抱えています。
上記のサイトの は一度にスクロールしますが、右側はスクロールするのが遅いです。
助けてください...

Answer 1

http://jsfiddle.net/cuVC7/0/

は、このソリューションをご覧ください。あまり普遍的ではありませんが、それはあなたに素晴らしいスタートを与えることができます。 divの速度は、フィドルのCSS部分の高さを変更すると自動的に調整されます。

このような2D視差関連の問題は、基本的な数学の知識を必要とすることに注意してください。ページのスクロールを決定

• ので、我々はスクロールされたどのくらいの左div知っている：サンプルは、上記のこのモデルを使用しています。
• スクロールを計算するには、左のdivのページの高さ、ウィンドウの高さおよび高さの知識を使用します。つまり、0〜1の値は、ページがまったくスクロールされていないか、スクロールされているか、スクロールしていないかを示します。
• 遅い層の正確なスクロールを決定するために、ウィンドウサイズのに対して遅い層の寸法にrelatveスクロールの地図。

Answer 2

divs（js）のいずれかのスクロール動作を上書きする必要があります。もう片方の0.5。 こちらをご覧ください：http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/