嵌套轉換元素的幀率低

Question

我有一個自定義的滾動視圖實現。 只需將滾動元素左右轉換即可。

它提供了移動Safari相當不錯的幀速率。 問題是， 一旦我轉換了滾動條中的某些元素，幀速率就會突然下降。

這是演示 。

如果您使用Chrome瀏覽器（啟用了“仿真觸摸事件”）進行查看，則除了將紋理上載到GPU的前一刻之外，其他所有內容都可以平穩移動。

但是在iOS6 iPad上，只要視圖中沒有變形的元素，移動就很流暢。 但是，如果您進一步向右滾動（我已使用scale3d()變換了一些元素scale3d() ，那么一切都會變得混亂。 就像在每個幀上重新上傳紋理一樣。

Answer 1

我只是刪除了所有

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden

被認為 “迫使硬件加速”。