IOS 的弹性滚动解决方案
更新时间：2016年10月24日 11:41:34 作者：黎焱
所谓弹性滚动就是指在翻动长页面手指离开时，由慢到块，由快到慢的过度。这篇文章主要介绍了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('display sollow');
以上所述是小编给大家介绍的IOS 的弹性滚动解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要给大家介绍了关于iOS中添加文本链接和图片的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-07-07
这篇文章主要为大家详细介绍了IOS图层转场动画， CATransition类实现层的转场动画，能够为层提供移出屏幕和移入屏幕的动画效果，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要为大家详细介绍了iOS-Mac远程连接控制Window，苹果电脑远程连接控制Windows电脑，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
ios程序实现多种语言的本地化办法，最近要对一款游戏进行多语言本地化，在网上找了一些方案，加上自己的一点点想法整理出一套方案和大家分享！2015-05-05
这篇文章主要介绍了检测iOS设备是否越狱的方法,代码基于传统的Objective-C,需要的朋友可以参考下2015-10-10
这篇文章主要为大家详细介绍了iOS开发技巧之自定义相机，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-04-04
为了防止自己辛苦做的项目被别人盗走，采取把图片添加水印，在此表示图片的独一无二。加水印不是要在上面添加上几个Label，而是我们要把字画到图片上成为一个整体，下面这篇文章主要介绍IOS给图片添加水印，有需要的小伙伴可以来参考下2015-08-08
这篇文章主要为大家详细介绍了iOS如何获取当前连接的wifi信息，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
这篇文章主要介绍了iOS设计模式——Category简单介绍，有兴趣学习的同学可以了解一下。2016-11-11
这篇文章主要为大家详细介绍了IOS实现图片轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
最新评论