style部分.aa{position:absolute;transition:top 2s;}html部分<div id="ele" class="aa">動畫文字</div>js部分var ele=document.getElementById('ele')ele.onclick=function(){ ele.style.top=0//ele.style.top=100+'px'如果這一行不放在setTimeout里,就不會出現top從0到100的動畫setTimeout(function(){ ele.style.top=100+'px'},0)}在線預覽地址http://jsbin.com/pucedelowa/e...現在就有一個疑惑,為什么只有把ele.style.top=100+'px'放在seTimeout里,點擊文字后才會有transition的動畫效果呢?另外有沒有其他函數,可以達到和setTimeout一樣的效果呢?
為什么ele.style.top放在setTimeout里,才會有動畫效果?
喵喵時光機
2019-03-20 15:15:16