这里是一个演示了以下问题截屏:溢出:汽车+ translateZ防止页面滚动
https://www.youtube.com/watch?v=SUGgtWAtsLQ
我建立一个web应用程序针对移动。我有一个可以水平滚动的带有几个水平条形图的布局,其中有overflow: auto
。到目前为止这么好 - 但是当你垂直滚动页面时,显然有jank。
为了解决这个问题,我将transform: translateZ(0);
应用于钢带排,以强制堆肥层,它确实能够固定连接。
主要的缺点是,一旦我这样做,它是不再可能在开始滚动之一的页面时垂直滚动页面。
如何克服这个问题,同时保持无空位?
相关codepen: http://codepen.io/OpherV/full/zGMrwo (运行在Chrome的设备模拟模式,横向)
编辑:看起来像在桌面上修正了这个错误铬的最新版本,但它仍然在移动