这是一个演示以下问题的截屏视频：
https://www.youtube.com/watch?v=SUGgtWAtsLQ
我正在构建一个针对移动设备的网络应用。我有一个布局，其中有几个水平条带overflow: auto，可以水平滚动。到目前为止一切都那么好 - 但是当你垂直滚动页面时，会有明显的jank。
为了解决这个问题，我将transform: translateZ(0);应用到条带行以强制构建图层，这确实可以修复凹陷。
主要的缺点是，一旦我完成了这项工作，在其中一个条带上开始滚动时，无法再垂直滚动页面。
我怎样才能在保持无弹力的同时克服这个？
相关代码： http://codepen.io/OpherV/full/zGMrwo （以chrome的设备模拟模式运行，横向）
编辑：看起来桌面上最新版本的chrome修复了这个错误，但它仍然在移动设备上
答案 0 :(得分：0)
在iOS设备上，您可以使用以下方式对其进行平滑处理：
translate3d(0,0,0).
它允许浏览器使用iOS硬件加速。
在Paul Irish's site找到的提示，Remy Sharp (video)提出的建议（但未在Remy Sharp's website找到）：