jquery - ドラッグアンドドロップリストのスライダー

Question

私は次のものを持っています：http：//jsfiddle.net/FCKvk/

他のリストのリストの1つから画像をプルすると、それはdivの高さを超えます、私はそれを望んでいません！

写真が1つのリストに4つ以上ある場合、私は次のようなものをacievしたいと思います。

http://jqueryui.com/slider/#side-scroll

$(function(){
    $( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
});

どのようにそれを行うことができますか？ありがとう

Answer 1

white-space: nowrapコンテナに追加します。

#sortable1, #sortable2 { 
    list-style-type: none; 
    margin: 0; 
    padding: 0 0 2.5em; 
    margin-right: 10px; 
    white-space: nowrap;
}

jsfiddle