2012-02-25 2 views
0

나는 draggable 직사각형 (100 * 200px)이있는 JSFiddle (Link to it)을 가지고 있으며 padding-bottom:20px;margin-top:-200px;도 있습니다. 나는 padding-bottom을 보여주고 delimeter를 사용하는 것처럼 스크롤의 한계를 갖기를 원하지만 완전한 코드로 이것을 다른 DIV로 감쌀 수는 없다. draggable()을 설정하고 div를 유지하는 방법이있다. 원래 크기?jQuery UI 드래그 가능한 한도 (픽셀)

감사합니다.

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; 
} 

자바 스크립트 :

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

답변

0

난 정말 당신이 원하는 것을 이해하지 않습니다. 그런가요? http://jsfiddle.net/jdqUs/

+0

마침내 내가 직접 해냈습니다. 감사합니다. – Luis

관련 문제