在移动设备中翻译Z表演问题

Question

我试图实现这个http://codepen.io/keithclark/pen/JycFw，但经历了严重的电影和使用移动设备的Chrome延迟。

#slide1:before {
  background-image: url("http://lorempixel.com/output/abstract-q-c-640-480-4.jpg");
  transform: translateZ(-1px) scale(2);
  z-index:-1;
}

经过研究，我尝试使用变换3d，背面，透视等，但仍然经历了延迟滚动体验。

Answer 1

TransformZ必然会延迟设备，因为它会强制设备将其渲染为3d。我不知道如何解决这个问题，但这里有一些Jquery和CSS中的替代视差效果：

http://andyshora.com/parallax.html

http://www.devfloat.com/jquery-parallax-scrolling-tutorials/

我希望这些可以帮到你！