如果有包含的总高度，则无法拖动div

Question

我有跟随css的div：

.azul{
   height:100%;
   width:100px;
   position:absolute;
   left:0px;
   top:0px;
   background-color:blue;
}

100％的高度与容器的高度相同。

我将“dragstart”绑定到一个函数。该函数将div调整到较小的高度。

如果我定义：

jQuery(element).draggable({ containment: ".container" });

div调整得很好，但是不能移动Y位置，只能移动X，所以......左边的css属性改变了，但顶部没有...

我推断当拖动开始时，jquery-ui取div的初始高度（100％），当我在函数中更改它时... jquery-ui不允许我移动Y位置becuase 100％存储在某个地方......

我试着不要把100％用px值来制作dinamical ......

谢谢是建议!!!

Answer 1

看起来你需要在dragStart之前调整大小。

jQuery(".panel").bind("mousedown", onDragStart);