jQuery UI Draggable Limit (в пикселях) - PullRequest
Новая
       7

jQuery UI Draggable Limit (в пикселях)

0 голосов
/ 26 февраля 2012

У меня есть JSFiddle ( Ссылка на него ), где у меня есть перетаскиваемый прямоугольник (100 * 200 пикселей), он также имеет padding-bottom:20px; и margin-top:-200px;.Я просто хочу показать padding-bottom и иметь предел прокрутки, как при использовании делимера, но из-за полного кода я не могу перенести это в другой DIV, есть ли способ установить draggable() и сохранитьразделить на оригинальный размер?

Спасибо!

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

1 Ответ

0 голосов
/ 26 февраля 2012

Я не очень понимаю, что вы хотите.Что-то вроде того?http://jsfiddle.net/jdqUs/

...