JqueryUI可排序滚动问题

Question

我已将#items初始化为jqu​​ery sortable，以使项目列表可排序 #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滚动？

Answer 1

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

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

Updated Fiddle