在css文件中使用transition-duration屬性設(shè)置過渡動畫效果，在使用js設(shè)置元素top（element.style.top=...）時發(fā)現(xiàn)并沒有過渡效果。
經(jīng)過排查后發(fā)現(xiàn)是因為添加該屬性的元素未設(shè)置top屬性值，即沒有動畫的初始值導(dǎo)致過渡動畫失敗。添加：
{
...
top:0px;
transition-duration: 280ms;
-moz-transition-duration: 280ms;
-webkit-transition-duration: 280ms;
-o-transition-duration: 280ms;
}
同理， 在操作其他屬性的時候，如：left等，也應(yīng)該設(shè)置對應(yīng)屬性的初始值。
