這裏是一個演示了以下問題截屏:溢出:汽車+ translateZ防止頁面滾動
https://www.youtube.com/watch?v=SUGgtWAtsLQ
我建立一個web應用程序針對移動。我有一個可以水平滾動的帶有幾個水平條形圖的佈局,其中有overflow: auto
。到目前爲止這麼好 - 但是當你垂直滾動頁面時,顯然有jank。
爲了解決這個問題,我將transform: translateZ(0);
應用於鋼帶排,以強制堆肥層,它確實能夠固定連接。
主要的缺點是,一旦我這樣做,它是不再可能在開始滾動之一的頁面時垂直滾動頁面。
如何克服這個問題,同時保持無空位?
相關codepen: http://codepen.io/OpherV/full/zGMrwo (運行在Chrome的設備模擬模式,橫向)
編輯:看起來像在桌面上修正了這個錯誤鉻的最新版本,但它仍然在移動