Jquery UI 可拖动，添加了 CSS 的缩放转换问题

Jquery UI Draggable with Addition of CSS's Scale Transition Issue

本文关键字：CSS 缩放 转换 问题 添加 UI 拖动 Jquery      更新时间：2023-09-26

所以，我正在开发一个围绕jQuery UI的Draggable函数构建的响应式Web工具。还有CSS的过渡：scale（X，Y）也在其中。

我的问题是;当我在容器内缩放对象时，该对象在容器中可以拖动它的位置受到限制。有关此问题的物理演示，请访问此 CodePen。

代码是非常基本的，事实上唯一的Javascript如下：

$(function() {
    $('.workspaceObjects').draggable({
        containment: $('#ui_workspace'),
    });
});

所以，它似乎更像是一个CSS问题，但它已经困扰了我一段时间，并且需要修复它以允许进一步开发我的Web工具。我该怎么做才能解决此问题？

使用可拖动对象的负20px边距求解，并将transform-origin居中以保持平衡。

#container_object {
    transform-origin: 50% 50%;
    margin: -20px -20px
}

请参阅 http://codepen.io/anon/pen/KpvBgJ

相关文章：