CSS过渡不适用于上，下，左，右

Question

我有风格的元素

position: relative;
transition: all 2s ease 0s;

然后，我想在单击后平稳地更改其位置，但是当我添加样式更改时，过渡不会发生，而是元素立即移动。

$$('.omre')[0].on('click',function(){
    $$(this).style({top:'200px'});
});

但是color，例如，如果我更改属性，则它会平滑更改。

$$('.omre')[0].on('click',function(){
    $$(this).style({color:'red'});
});

这可能是什么原因？是否有非“过渡性”的属性？

编辑 ：我想我应该提到这不是jQuery，它是另一个库。该代码似乎按预期工作，添加了样式，但是过渡仅在第二种情况下有效？

Answer 1

尝试在CSS中设置默认值（让它知道您要从哪里开始）

CSS

position: relative;
transition: all 2s ease 0s;
top: 0; /* start out at position 0 */