javascript - 使用 jQuery draggable 将元素拖到可滚动的 div 之外

Question

所以我想要一个可滚动的 div，里面有一些元素，但是当我试图将元素拖到它外面时，overflow-y: scroll 迫使它们留在里面，并且也做了一个不需要的水平滚动……有吗绕过它的方法？这是用来说明的笔:https://codepen.io/anon/pen/MOgqQq

.container {
  width: 300px;
  height: 200px;
  background-color: red;
  overflow-y: scroll;
}

<div class="container">
  <div class="item">Drag me</div>
</div>

$(".item").draggable();

Answer 1

$(".container").droppable();
$(".item").draggable();

.container {
  width: 300px;
  height: 200px;
  background-color: red;
  overflow-y: scroll;
}
.item{
position: absolute;
z-index: 1;
}

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- Also include jQueryUI -->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

  <div class="container">
  <div class="item">Drag me</div>
  </div>