Question

我有一个父div，里面有从左到右动画的子div。如何检测是否有任何子div是动画的。子div正在移动，子div样式中的左侧位置不断变化，因为它们从左向右移动。

<div id="products">
<div id="product1 style="color:blue;left:10px;"></div>
<div id="product2 style="color:blue;left:20px;"></div>
<div id="product3 style="color:blue;left:30px;"></div>
</div>

左边的数字正在改变有没有办法检测到这种变化。提前致谢

Answer 1

我在移动设备上并没有对此进行测试，但它应该可行

var a = document.getElementById('products').querySelectorAll('div');
for (var i=0;i<a.length;i++){
    var now = a[i].style.left;
    setTimeout(function(){
         if (a[i].style.left != now)
         {
             // the element is animated
         }
    },2);
}

检测子元素动画

1 个答案: