原因:
-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');