Jquery größenverstellbarer Griff nach Scroll

Question

Ich habe eine HTML-Tabelle in einem Container. der Behälter eine Höhe hat, und dessen Überlauf y auf auto eine scrollbar

.table-container { 
    height: 175px; 
    border-bottom: 2px solid #EEEEEE; 
    overflow-y: auto; 

} 

I auch den Behälter veränderbare JQuery UI veränderbare Verwendung gemacht zu schaffen.

leider, wenn ich die Bildlaufleiste meine größenveränderbaren Griffe bewegt. Ich möchte, dass es am Boden des Containers bleibt. Hier ist die Geige.

https://jsfiddle.net/oyb3r6u8/1/enter link description here

Answer 1

Sie jquery verwenden könnte die Position des Griffs während der Hemmschuh für die Position des Drag Basis zu halten.

Hier ist die vollständige Update auf Ihren Code: https://jsfiddle.net/k3e5ma2s/

$(function() { 

    $(".table-container").resizable({ handles: "s", resize: updateHandle }); 

    $(".table-container").scroll(function() { 
     updateHandle(); 
    }); 

    updateHandle(); 

}); 

function updateHandle() { 
    table = $('.table-container'); 
    var bottom = table.scrollTop() + table.outerHeight(true) - $('.ui-resizable-handle').outerHeight() - 5; 
    $('.ui-resizable-handle').css('top', bottom + 'px'); 
}