jquery - JqueryUI可排序滚动问题

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

父div #content的最大高度设置为40％，并允许滚动以防溢出。这是CSS：

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

这是子div #items的CSS：

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

每当我尝试在排序时将Item1与Item18交换时，我都无法这样做，因为#items不会滚动到底部。

这是JSFiddle。

如何使#items滚动？

最佳答案

问题是您要在可排序的overflow上指定#items属性，这似乎在阻止ui进行操作。

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