ios開發中使用-webkit-overflow-scrolling這個屬性為什麼頁面出現空白的情況？這篇文章介紹了在IOS系統上滾動條滾動到指定的位置出現空白頁面的解決方案，遇到問題的同學請參考一下本文

原因：

-webkit-overflow-scrolling:touch

解釋：

由於使用-webkit-overflow-scrolling這個屬性，蘋果手機會使用硬件加速，從而促使頁面滑動得更加流暢，然而也導致了頁面出現空白的情況。

解決辦法：

滾動之前，先設-webit-overflow-scrolling的屬性值為auto，然後頁面滾動完了，再設為touch即可。

實例：

 

 代碼如下復制代碼

$("#id").css('-webkit-overflow-scrolling','auto');

$("#id").scrollTop(9999);

$("#id").css('-webkit-overflow-scrolling','touch');