jQuery Resizable必须与水平滚动一起移动

Question

我正在尝试使用可水平滚动的容器来调整元素的大小。在调整元素大小时，当元素不在可见范围内时，容器必须与容器一起滚动。 这是我的移动滚动条的代码，它可以工作，但是滚动条不平滑。 句柄不与element保持在一起，并且不在其中

resize: function(event, ui) {
    var scrollLeft = $('.container').scrollLeft();
    var eleWidth = ui.helper.outerWidth();
    var containerWidth = $('.container').width();
    var containerRightPos =  scrollLeft  +  containerWidth;
    var eleRightPos = ui.position.left + eleWidth ;
    if(!scrollLeft < eleRightPos < containerRightPos ){
        if(containerRightPos > eleRightPos ){ 
            $('.container').scrollLeft(scrollLeft - 5);
        }else if(containerRightPos < eleRightPos ){
            $('.container').scrollLeft(scrollLeft + 5);
        }
    }
}