下面是一个演示以下问题的截屏:
https://www.youtube.com/watch?v=SUGgtWAtsLQ我正在构建一个针对移动的web应用程序。我有一个布局，有几个水平带的图像，可以水平滚动overflow: auto。到目前为止，一切都很好，但是当你垂直滚动页面时，会有明显的颠簸。
要解决这个问题，我将transform: translateZ(0);应用于条带行以强制堆肥层，这确实修复了jank。
主要的缺点是，一旦我这样做了，它是不再可能垂直滚动页面时，开始滚动的条带之一。
我如何才能克服这个问题，同时保持无垃圾?
相关codepen:http://codepen.io/OpherV/full/zGMrwo(在chrome的设备模拟模式下运行，横向)
编辑:看起来最新版本的chrome桌面版修复了这个错误，但它仍然存在于移动端
在iOS设备上，你可以使用:
translate3d(0,0,0).
允许浏览器使用iOS硬件加速。
在Paul Irish的网站上发现的想法，由Remy Sharp提出(视频)(尚未在Remy Sharp的网站上找到):