在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案

2019/7/9 23:02:06

本文主要是介绍在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'); 

以上所述是小编给大家介绍的 在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!



这篇关于在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程