做css动画的另一种方法是什么

Question

我正在使用@keyframes在进度条上应用动画，但这会导致iphone 5s出现问题。正在发生的事情是在iphone 5s中，当我尝试滚动窗口中的数据时，它不会滚动窗口，而是滚动页面后面的页面。所以，当我评论这个代码时，没有发生。所以试着看看是否还有其他方法可以做到这一点。

@keyframes loadbar {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateX(0) translate3d(0, 0, 0);
  }
}

.progressBar--progress {
  opacity: 0;
  transform: translateX(-100%) translate3d(0, 0, 0);
}

Answer 1

translate3d动画在iOS上存在问题。请尝试删除translate3d(0,0,0)。

相关信息：https://origin-discussions-us.apple.com/thread/6762081