最近遇到一個看似非常簡單但處理起來也比較簡單的bug，不賣關子，進入主題：
使用framework7+react寫了一個singlePage，IOS下的Safari，微信內建瀏覽器，谷歌瀏覽器，QQ瀏覽器等第三方瀏覽器均顯示正常；
唯獨QQ內建瀏覽器出現了不可預見的bug：向下/向上快速滑動頁面的時候，頁面會出現空白，等滑動結束後內容顯示；安卓無此問題。
因為想讓頁面的滑動效果與原生一樣，故新增了-webkit-overflow-scrolling:touch這個屬性，（如果不瞭解這個屬性，可參考這篇文章；）增加慣性滑動的效果，頁面滑動也像原生那樣瞬間流暢了，哈哈；
但是在QQ內建瀏覽器下快速滑動頁面會出現空白，滑動停止後內容才顯示，我考慮的是-webkit-overflow-scrolling:touch屬性導致的，然後百度搜相關文章/部落格均無解，感覺不會再愛了…在最絕望想和產品溝通的時候，無意間翻牆找到了解決的方法，特意分享出來：
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
複製程式碼在滑動範圍的父級新增以上css，即可解決；
表達下我自己的看法：百度不是全能的，偶爾谷歌一下，也可以發現新大陸…