IOS 的弹性滚动解决方案
所谓弹性滚动就是指在翻动长页面手指离开时,由慢到块,由快到慢的过度。
安卓平台上的大多数浏览器都默认了该行为
ios当前还只对<body>下的overflow默认产生弹性滚动效果
前一阵子做了一个手机官网,用到了<div>中的overflow,再调试ios中遇到了弹性滚动的问题:
ios下webkit弹性滚动css指令-webkit-overflow-scrolling:touch;
该指令再切换同样需要做滚动处理的div是会遇到一下情况
1.伴随着上一个滚动而滚动
2.起始定位偏差
3.粘滞的阻塞感(失去焦点)
解决方案:
.session{ -webkit-overflow-scrolling:touch; }
1.切换标签的同时去掉元素的overflow-scrolling属性
$('.session').removeClass('sollow');
2.切换标签同时对目标div做初始化
document.getElementById('target').scrollTop='0px';//根据需要添加
3.将sollow重新加载到目标元素上
$('.session:eq('+tar+')').addClass('displaysollow');
以上所述是小编给大家介绍的IOS的弹性滚动解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!