Jquery 从同一位置拖动已位于固定中心的div

我正在使用JqueryUI Draggable移动一个位于页面中央底部且固定的div。问题是每当我开始拖动它时。它的位置突然变为左下角，然后我不得不从左下角拖动它。我想从相同的中心位置开始拖动，但无法实现

我写的代码是

function make_my_toolbar_draggable()
{
    jQuery('#mx-toolbar').draggable({

    create: function(){

    },  
    start: function (event, ui) {

    },  
    drag: function(event, ui) 
            {


                var layout_top=jQuery(this).position().top-110;
                var layout_left=jQuery(this).position().left+20;
                var temp_top=jQuery(this).position().top-350;
                var temp_left=jQuery(this).position().left-60;
                jQuery('#mx-toolbar-mini').css('left',layout_left);   
                jQuery('#emb-section-chooser').css('left',temp_left);  
                jQuery('#emb-section-chooser').css('top',temp_top);
                jQuery('#mx-toolbar-mini').css('top',layout_top); 
                jQuery('#mx-toolbar-mini,#emb-section-chooser').css('right','auto'); 

            }

    });
}

---

我在主容器中拖拽了几个容器，这样上面的代码就不同了，可以正常工作。但拖动位置应该从底部中心固定，而不是在我尝试拖动时突然移动到左下角。

您的#mx工具栏ID最初设置为位置：相对还是位置：绝对？您可能需要在拖动时在函数内重新定义jQuery CSS定义中使用的定位类型。它的定义是定位固定如果我理解正确，您希望它的

x

或

左

位置保持固定，并且只希望沿

y

拖动，因此用户只能向上或向下移动项目？您是否可以通过

父级
或
[x1，y1，x2，y2]
使用
包含
选项？