jQuery 可通过溢出进行排序：隐藏；两个列表之间

我有两个列表，使用 jQuery 可排序我可以在它们之间移动项目。

$( '#productsList, #orderList' )
.sortable({connectWith: '.containerDiv'})
.disableSelection();

但是，当我想使用自定义滚动条并设置时遇到问题overflow:hidden;在两个名单上。我想要他们在一起max-height:400px。 如果我将溢出设置为隐藏，则将它们拖到一个 div 之外后我将看不到这些项目，如果我不设置隐藏，则列表将具有默认滚动条。 任何人都可以提出解决方案。

thanks

如果删除样式position:relative从你的列表来看，它似乎按你想要的方式工作。

http://jsfiddle.net/cCDcQ/2/ http://jsfiddle.net/cCDcQ/2/

Edit:

我本以为使用appendTo选项可以解决这个问题，我是对的。经过一番摆弄之后，我让它开始工作了。这样，您就可以保留position:relative如果你需要的话。

http://jsfiddle.net/cCDcQ/4/ http://jsfiddle.net/cCDcQ/4/