Question

我有一个JSFiddle（Link to it），我有一个可拖动的矩形（100 * 200px），它还有一个padding-bottom:20px;和一个margin-top:-200px;。我只是想显示padding-bottom并且有一个滚动限制，就像使用deimeter但由于完整的代码，我无法将其包装到另一个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/

jQuery UI可拖动限制（像素）

1 个答案: