JqueryUI可排序滚动问题

我已经初始化了#items作为jquery可排序，使项目列表可排序。
#items是父 div 的子 div#content.

父级div#content最大高度设置为 40%，并且允许在溢出时滚动。这是CSS：

#content {//parent-div
    border-right: 1px solid #c8c8c8;
    height: 40%;
    max-height: 40%;
    overflow-y: auto;
    position: relative;
}

这是子 div 的 css#items:

#items {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

每当我尝试交换时Item1 with Item18排序时，我无法这样做，因为 #items 没有滚动到底部。

这里是JSFiddle http://jsfiddle.net/3E2Hg/107/ .

怎么做#items scroll?

问题是你指定overflow可排序的属性#items，这似乎阻止了 ui 执行它的事情。

#items {
 /* remove these
  overflow-x: hidden;
  overflow-y: auto; */
  position: relative;
  padding: 20px;
}

更新了小提琴 http://jsfiddle.net/3E2Hg/109/