如何使css3缩放元素可拖动

Question

我注意到CSS3 scale属性对jquery ui做了非常糟糕的事情,特别是对于可排序的.问题是鼠标仍然需要移动,就像元素没有缩放一样.看看这个jsfiddle 示例.

有没有人想过如何解决这个问题？是否可以改变鼠标移动的速度？我将调查下面的html5本机拖放,并尝试编写我自己的可排序函数.

更新:

Jquery ui draggable适用于CSS3缩放元素,这里是一个小提琴.

Answer 1

事实证明,真正的答案并不需要编写特殊的移动功能.可以使用Jquery ui sortable,只要正在排序的项目已被包装在具有溢出隐藏的适当大小的div中.请查看此jsfiddle以获取示例.

问题是我使用负边距迫使缩放的div彼此接近.然后,当我开始拖动一个项目时,它占用了错误的空间.将缩放项目包装在非缩放div中,一切都按预期工作.