2015-07-28 35 views
3

这里是一个演示了以下问题截屏:溢出:汽车+ translateZ防止页面滚动

https://www.youtube.com/watch?v=SUGgtWAtsLQ

我建立一个web应用程序针对移动。我有一个可以水平滚动的带有几个水平条形图的布局,其中有overflow: auto。到目前为止这么好 - 但是当你垂直滚动页面时,显然有jank

为了解决这个问题,我将transform: translateZ(0);应用于钢带排,以强制堆肥层,它确实能够固定连接。

主要的缺点是,一旦我这样做,它是不再可能在开始滚动之一的页面时垂直滚动页面。

如何克服这个问题,同时保持无空位?

相关codepen: http://codepen.io/OpherV/full/zGMrwo (运行在Chrome的设备模拟模式,横向)


编辑:看起来像在桌面上修正了这个错误铬的最新版本,但它仍然在移动

回答