JqueryUI排序滚动问题

Question

我初始化为#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; 
} 

每当我试着换项目1与Item18排序时，我不能这样做因为#items没有被滚动到底部。

这是JSFiddle。

如何让#items滚动？

Answer 1

问题是你在你的排序#items上指定了overflow属性，这似乎阻止了用户的操作。

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

Updated Fiddle