title: jQuery UI Sortable - Multi Connected List Drag
body: <p>Using jQuery UI Sortable, <a href="http://api.jqueryui.com/sortable/#option-scroll" rel="noreferrer">there is an option to have the sortable item container scroll when an item is dragged</a>.</p>
  
  <p>I have multiple sortable lists connected in separate containers with max heights and overflow scrolls:</p>
  
  <pre><code>&lt;div class="list"&gt;
    &lt;div class="item"&gt;A1&lt;/div&gt;
    &lt;div class="item"&gt;A2&lt;/div&gt;
    &lt;div class="item"&gt;A3&lt;/div&gt;
    &lt;div class="item"&gt;A4&lt;/div&gt;
    &lt;div class="item"&gt;A5&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="list"&gt;
    &lt;div class="item"&gt;B1&lt;/div&gt;
    &lt;div class="item"&gt;B2&lt;/div&gt;
    &lt;div class="item"&gt;B3&lt;/div&gt;
    &lt;div class="item"&gt;B4&lt;/div&gt;
    &lt;div class="item"&gt;B5&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to be able to scroll each container when items are dragged between them.</p>
  
  <p>Currently, dragging only scrolls the parent container - we need it to be able to scroll connected list containers.</p>
  
  <p>See this codepen for basic setup:
  <a href="http://codepen.io/typ90/pen/pymOdV" rel="noreferrer">http://codepen.io/typ90/pen/pymOdV</a></p>
  
  <p>I've tried using the helper option on sortable to clone the item and append to other containers as it's dragged around with no luck.</p>
  
  <p>Any ideas?</p>