JQuery draggable: scrolling in droppable using helper 'clone' and appendTo

Question

I am suing jquery ui being dragged into a list of items that can be removed in the .droppable list of other items. Here's jsFiddle to show what I'm trying to do:

<div id="container">
<div id="left-pane" class="pane">
    <div class="item">Item A</div>
    <div class="item">Item B</div>
    <div class="item">Item C</div>
    <div class="item">Item D</div>
</div>

<div id="right-pane" class="pane">
    <div class="item">Item E</div>
    <div class="item">Item F</div>
    <div class="item">Item G</div>
    <div class="item">Item H</div>
</div>

$('.item').draggable({
    helper: 'clone',
    appendTo: '#contentpane',
    cursor: 'move'
});
$('.item').droppable();

The degrees have a fixed height and overflow-y: autoso that we can scroll inward to see hidden elements.

, , appendTo, . "", ? , , "Item A" "Item H"

Answer 1

, , , - , , , .

Answer 2

.

. functionnal. : JqueryUI, divable div,

, . http://jqueryui.com/sortable/