jquery draggable - redimensionner le sélecteur tout en faisant glisser

Question

J'ai un problème avec Jquery draggable, je veux faire glisser un DIV et tout en faisant glisser je vais redimensionner le DIV. On dirait que Jquery calcule la hauteur/largeur du sélecteur juste au démarrage, après le redimensionnement il calculera la hauteur/largeur du début et non le réel/vivant et si j'utilise un conteneur cela ne fonctionnera pas correctement.

Voici un exemple: 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: Je veux utiliser une barre de défilement draggable avec contenu/chargement dynamique.

Answer 1

Je trouve une solution Here, le violon final: 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 
});