title: how to implement parallax scrolling?
body: <p>this is link For reference<br>
  <a href="http://readwrite.com/2013/02/07/robert-scoble-favorite-apps-facebook-gmail-youtube" rel="nofollow">http://readwrite.com/2013/02/07/robert-scoble-favorite-apps-facebook-gmail-youtube</a>
  <br>
  in this site Center and Right Section both are scrolled at a time if we scroll Center section...
  <br>
  i am done it same with this code:-<br></p>
  
  <p>this is html code:-<br></p>
  
  <pre><code>&lt;div id="left" class="linked"&gt;
  &lt;img height="600" src="http://www.visitingdc.com/images/eiffel-tower-picture.jpg"&gt;
  &lt;/div&gt;
  &lt;div id="right" class="linked"&gt;
  &lt;img  src="http://www.visitingdc.com/images/eiffel-tower-picture.jpg"&gt;
  &lt;/div&gt;&lt;br&gt;
  </code></pre>
  
  <p>Script:-</p>
  
  <pre><code>$(function(){
  
      $('.linked').scroll(function(){
          $('.linked').scrollTop($(this).scrollTop());    
      })
  
  })
  </code></pre>
  
  <p>css:-</p>
  
  <pre><code>&lt;br&gt;#left { width: 300px; height: 400px; overflow: scroll; float: left; }
  #right { width: 300px; height: 400px; overflow: scroll; float: left; }
  </code></pre>
  
  <p>but i have one little bit problem.<br>
  in above site both scroll at a time but the Right side is Scrolling slow how its work....?<br>
  Please help me...</p>