title: Scrolling in child div ( fixed ) should scroll parent div
body: <p>I have one parent and child div. Child div is absolutely positioned to the top and is scrollable. My requirement is to scroll the parent div when i scroll inside the child div and scrolling should be same i.e if i scroll 100px in child div then outer div should also scroll by 100px.</p>
  
  <p><a href="http://jsfiddle.net/G9pLC/1/" rel="nofollow">Jsfiddle</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="outer"&gt;
      &lt;div class="inner"&gt;
          &lt;p&gt;
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
              Curabitur mollis gravida metus, ac lacinia quam lobortis vel. Cras interdum purus
              aliquam, porttitor metus nec, ornare quam. Morbi eget lobortis elit
              ...
              ...
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.outer{
      height:1600px;
      width:100%;
      background:#ddd;
  }
  
  .inner{
      position:absolute;
      height:200px;
      width:400px;
      background:red;
      margin:auto;
      top:40px;
      right:0px;
      left:0px;
      overflow:scroll;
  }
  </code></pre>