时间:2021-05-19
原因:
-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系统上滚动条滚动到指定的位置出现空白页面的解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
css隐藏移动端滚动条并且ios上平滑滚动的方法HTML代码如下移动端隐藏滚动条解决方案*{padding:0;margin:0;}.par-type{heig
位置属性属对象:纵向滚动条操作系统支持:Windows,数据类型:整数型;指定对象的现行位置。语法:对象.位置=整数型应用对象:纵向滚动条例程说明:在纵向滚动条
动画的思路很简单,点击页面上一个元素,页面滚动到指定位置。下面介绍一下我3个小时百度的研究成果:首先是html部分:顶部中部...持续添加直到出现滚动条...先
不用锚点也可以平滑滚动到页面的指定位置复制代码代码如下:ScrollTo:平滑滚动到页面指定位置.nav{width:500px;margin:10pxauto
页改变值属性所属对象:横向滚动条操作系统支持:Windows,数据类型:整数型;本属性指定当用户在滚动条的空隙处单击后滚动条位置的增减数值。语法:对象.页改变值