jQuery UI 可拖动限制(像素)

Question

我有一个 JSFiddle ( Link to it )，其中有一个可拖动的矩形 (100*200px)，它还有一个 padding-bottom:20px; 和一个 margin-top: -200 像素；。我只想显示填充底部并限制滚动，比如使用分隔符，但由于代码完整，我无法将其包装到另一个 DIV 中，有没有办法设置 draggable() 并将 div 保持为原始大小？

谢谢!

HTML:

<div id="draggable">
<ul>
    <li>One item</li>
    <li>One item</li>
    <li>One item</li>
    <li>One item</li>
    <li>One item</li>
    <li>One item</li>
    <li>One item</li>
    <li>One item</li>
    <li>One item</li>
    <li>One item</li>
</ul>
</div>

CSS:

​#draggable{
     width:300px; 
     height:200px; 
     background:#333; 
     line-height:20px; 
     padding-bottom:20px; 
     font-size:14px;
     color: #fff; 
     margin-top:-200px;
}

Javascript:

$('#draggable').live('mouseover',function(){
    $(this).draggable({
                    axis: "y",
                    scroll: false   
    });
});​

Answer 1

我不太明白你想要什么。 像那样的东西？ http://jsfiddle.net/jdqUs/