一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2022-06-25 23:31:02 编辑:袖梨 来源:一聚教程网

原因:

-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');

 

热门栏目