title: jQuery sortable container scroll div with overflow auto
body: <p>I have been pulling my hair out trying to make this work.</p>
  
  <p>I have two connected sortables, defined like so: </p>
  
  <pre><code>var sortlists = $("#List1, #List2").sortable(
  {
      appendTo: 'body',
      tolerance: 'pointer',
      connectWith: '#List1, #List2',
      revert: 'invalid',
      forceHelperSize: true,
      helper: 'clone',
      scroll: true
  });
  </code></pre>
  
  <p>Here is a link to an <a href="http://jsfiddle.net/tribe84/djPJK/1/" rel="nofollow">example of jsfiddle</a></p>
  
  <p>Because of the page setup, both sortables are being contained in div's with overflow: auto they are also wrapped in parent containers with overflow set to hidden. For arguments sake, lets say there is no way around that. </p>
  
  <p>Is there a way to make the container element scroll when the helper is being positioned towards the lower or upper edge of the container?</p>
  
  <p>Any help would be appreciated!</p>