jQuery的可拖动 - 拖动

Question

调整选择我用jQuery可拖动的一个问题，我想拖一个DIV，虽然拖着我将调整DIV。好像jQuery的计算选择的高度/宽度只是在开始，调整后它会从一开始计算高度/宽度而不是实际/直播，如果我用一个容器，将无法正常工作。

下面是一个例子：http://jsfiddle.net/zwQ2S/

$("#selector").draggable({ containment: "#container", scroll: false}); 
$("#selector").draggable("option", "axis", "y"); 
$("#container").mousemove(function() { 
var margin =parseInt($("#selector").css("top")); 
    if (margin > 10){ 
    $("#selector").css("height", "100px"); 
    } 
}); 

PS：我想用拖动的动态内容/加载一个滚动条。

Answer 1

我找到了解决Here，最终小提琴：http://jsfiddle.net/XLrNF/178/

 var $container = $("#demo"); 
function resizeContainer(e, ui) { 
    //resize container here 
    var w1 = ui.helper.outerHeight(), 
     w2 = $container.height(); 
    //console.log([ui.position.left, w1, w2].join(' : ')); 
    ui.position.top = Math.max(Math.min(ui.position.top, w2 - w1), 0); 
} 
$("#draggable").draggable({ 
    axis: "y", 
    drag: resizeContainer 
});