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