在Adobe Edge Animate中使用顶/左而不是WebKit变换



我使用Adobe Edge Animate具有jQuery ui ui draggobable和drowsbable的动画。您将盒子从一个区域拖到其他地方。一切都很好。

然后,我决定为盒子添加一个入口动画。这毁了一切,因为jQuery draggable会动画上的顶部:左:对象的值,但是以某种方式在边缘添加动画使其设置了顶部:左:0并使用webkit transformx/y。

所以,一旦我开始拖动,盒子就会向下跳下,因为拖动是动画的顶部:left:less and andiand and andiand and andiand and andimate and and and the andimate保持转换

有没有办法强迫EA使用顶部:左:用于动画?注意,框入口的一部分包括旋转,所以这可能就是为什么它决定使用变换,以便它可以执行x/y并将全部旋转。

有什么想法?

问题是,在AE中,您可以动画" top"one_answers" left",但是您无法控制它是否变成transformx/y还是CSS顶部的更改:左:。AE使它自己的想法。看来,一旦您只是移动项目(例如旋转或刻度),它决定停止使用顶部/左/左,然后将其全部组合到包括X y和Rot在内的单个转换中。AE不允许您选择为CSS顶部动画:左:属性,还为rot添加CSS变换。

尽管如此,我现在找到了一个工作的黑客。当阻力启动时,添加类

.notransition {
  -webkit-transform:none!important;
  transform:none!important;
}

,因此删除了转换,而阻力可以完美地工作。奇怪的是,在掉落后,请勿删除课程。它在剩余的时间内保持不变。如果您考虑一下,这是有道理的,因为转换是没有的,并且顶部是由jQuery-ui拖动永久修改的。

最新更新