jquery - 在 CSS3 transition-delay 和 jquery delay() 之间进行选择；

Question

使用 jQuery，我逐渐将“go”类添加到 div

    div {
       tranform:translate(20px,20px);
       opacity:0;
       transition:.3s;
    }

    div.go {
      transform:none;
      opacity:1;
    }

我想在每个 div 飞入时稍微增加延迟。我可以使用两种方法来实现这一点。

1. 将增量 CSS3 transition-delay 设置为 div 的内联样式
2. 使用 jQuery delay() 将类 .go 添加到 div

有人知道哪种方法在性能方面更好吗？谢谢!

Answer 1

我认为从应用程序开发的 Angular 来看，JQuery 方法会更加灵活。它会立即让您在显示您的 DIV 之前添加检查(安全性、用户偏好、浏览器/平台特定功能)。这仅取决于您的应用程序。

如果您只需要延迟应用某个属性，那么 CSS 解决方案就足够了。然而，我怀疑 JQuery/Javascript 会比 CSS3 transition-delay 得到更多浏览器和平台(想想移动设备)的更广泛支持。性能影响微不足道。

希望这对您有所帮助。祝你好运。