title: Drag item outside the scrollable div with jQuery draggable
body: <p>So I want to have a scrollable div with some items inside, but when I try to drag items outside it, overflow-y: scroll forces them to stay inside, and makes an unwanted horizontal scroll as well... Is there a way around it? Here's the pen to illustrate: <a href="https://codepen.io/anon/pen/MOgqQq" rel="nofollow noreferrer">https://codepen.io/anon/pen/MOgqQq</a></p>
  
  <pre><code>.container {
    width: 300px;
    height: 200px;
    background-color: red;
    overflow-y: scroll;
  }
  
  &lt;div class="container"&gt;
    &lt;div class="item"&gt;Drag me&lt;/div&gt;
  &lt;/div&gt;
  
  $(".item").draggable();
  </code></pre>