2015-07-28 37 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的設備模擬模式,橫向)


編輯:看起來像在桌面上修正了這個錯誤鉻的最新版本,但它仍然在移動

回答