使用角度

Question

目前，我有一个div，上面有以下内容：

<div ng-style="{'left': PageMap.ColumnWrap.OverviewPanelLeft + 'px'}"></div>

当我按右键时，我附上事件以将PageMap.ColumnWrap.OverviewPanelLeft更改为另一个号码。这显然是将div轻触到那一点。完美。

现在我没有动画到那一点，而是想使用具有缓和功能的动画框架来动画到那一点。

我该怎么做？

Answer 1

在这种情况下，您不需要动画框架。只是CSS中的简单转换规则就可以解决问题：

Document

显然，你最好使选择器更具体（类，父选择器等），你不希望转换应用于所有div元素。

d

chrome://inpect#devices

div {
    transition: left .5s ease;    
    -webkit-transition: left .5s ease;    
}

Answer 2

添加一个转换为元素的类。

<div class="moveAnimation" ng-style="{'left': PageMap.ColumnWrap.OverviewPanelLeft + 'px'}"></div>

.moveAnimation{
transition: left 0.5s;
}