原因:
-webkit-overflow-scrolling:touch
解释:
由于使用-webkit-overflow-scrolling这个属性,苹果手机会使用硬件加速,从而促使页面滑动得更加流畅,然而也导致了页面出现空白的情况。
解决办法:
滚动之前,先设-webit-overflow-scrolling的属性值为auto,然后页面滚动完了,再设为touch即可。
实例:
1
2
3
|
$( "#id" ).css( '-webkit-overflow-scrolling' , 'auto' ); $( "#id" ).scrollTop( 9999 ); $( "#id" ).css( '-webkit-overflow-scrolling' , 'touch' ); |
以上所述是小编给大家介绍的 在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!
原文链接:http://blog.csdn.net/q36835109/article/details/54571655