jquery - 在 CSS3 转换延迟和 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. 使用 jQuerydelay()将类添加.go到 div

任何人都有关于性能的更好方法的想法？谢谢！

Answer 1

我认为从应用程序开发的角度来看，JQuery 方法会更加灵活。马上，它可以让您在显示您的 DIV 之前添加检查（安全性、用户首选项、浏览器/平台特定功能）。这仅取决于您的应用程序。

如果您想要的只是延迟应用属性，那么 CSS 解决方案就足够了。但是，我怀疑 JQuery/Javascript 将在更多浏览器和平台（想想移动设备）上得到更广泛的支持，而不是 CSS3 转换延迟。性能影响将是微不足道的。

希望这可以帮助。祝你好运。