1

我在这里创建了一个 jsFiddle来说明我的代码问题（双击粉红色元素并尝试拖动到蓝色框外，再次双击并比较结果）。

问题：

当我在带有约束的可拖动元素上旋转 CSS 时，约束无法按预期工作。可拖动元素可以部分拖到容器外。我的猜测是它与 CSS 旋转的工作方式有关，但我不确定。

有没有办法解决这个问题？

4

1 回答 1

2

似乎在 css 中应用旋转不会改变标签的宽度和高度。这就是为什么您可以将 div 移到外面的原因，因为对于浏览器来说，标签的大小（然后是限制）保持不变。您只需检查 div 即可看到这一点。

如果您知道宽度和高度，您可以手动设置它，或者在每次切换 css 类时动态计算它。

请参阅与您的问题类似的帖子。

编辑

我找到了一个解决方案来做你想做的事。诀窍是使用容器 div 作为可拖动项目，并管理子 div 中的旋转。然后你需要调整孩子的顶部/左侧属性。我没有寻找更好的公式，只是应用了固定值。但这只是看看它是否有效。

我希望这会有所帮助。

http://jsfiddle.net/Sp6qa/2/

于 2012-04-04T15:04:01.537 回答