Jquery UI Sortable – Div滚动问题

码：

//使用Javascript

$(function() {
    $("#panel").sortable({
        items: ".content",axis:"y",scroll:true,}).disableSELEction();

});

// HTML

<ul id="panel" class="scroll">
    <li class="content" style="BACkground-color:red">item1</li>
    <li class="content" style="BACkground-color:green">item2</li>
    <li class="content" style="BACkground-color:blue">item3</li>
    <li class="content" style="BACkground-color:gray">item4</li>
    <li class="content" style="BACkground-color:yellow">item5</li>
    <li class="content" style="BACkground-color:green">item6</li>
    <li class="content" style="BACkground-color:yellow">item7</li>
    <li class="content" style="BACkground-color:red">item8</li>    
</ul>

// CSS

.scroll{
    overflow:scroll;
    border:1px solid red;
    height: 200px;
    width: 150px;
    position:relative;
}
.content{
    height: 50px;
    width: 100%;
}

在那里,当我向下拖动任何框时,它滚动很长并移出其他框.
但是,当我向上拖动任何方框时,它可以正常工作.

那么,有什么方法可以防止它长时间向下滚动？