将项目拖出可滚动列表并保留滚动

Question

我有一个滚动列表overflow:auto，其中包含可拖动的项目（jQuery UI）。拖动项目时，我暂时关闭滚动（overflow:visible）以允许可拖动项目在列表外可见。

http://jsfiddle.net/caseahr/8A6gj/1/

请注意，拖动列表顶部的项目可以正常工作。但是从列表底部拖动项目会丢失滚动位置。关于如何使这个操作更顺畅的任何想法，以便用户不会注意到溢出CSS变化非常大？从滚动区域的下半部分拖动项目时，我希望列表保持“就位”。