translate3d转换过渡的性能问题?

时间:2014-03-28 09:43:00

标签: html css html5 css3 css-animations

两个css类是,

 .slideOut {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -webkit-transition: transform 0.3s ease;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
}

.slideIn {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: all 0.3s ease;
}

我没有在Chrome浏览器中看到任何闪烁,甚至在iPhone中也没有看到,但是当我在三星s3等某些Android设备上运行应用程序时,当视图的高度超过设备的高度时,视图会闪烁。 如何解决此问题。

感谢您的帮助。

0 个答案:

没有答案