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的Android弹出框
先看一下效果图,不过这是网上的图片. 效果不错,就借此拿来与大伙分享分享. github源码地址:https://github.com/saiwu-bigkoo/Android-AlertView. 1.怎么用:添加依赖. compile 'com.bigkoo:alertview:1.0.3' 2.实例demo(大家可以根据需要来选择自己需要的框框). package com.example.my.androidalertview; import android.app.Activity; i
-
iOS Crash常规跟踪方法及Bugly集成运用详细介绍
iOS Crash常规跟踪方法及Bugly集成运用 当app出现崩溃, 研发阶段一般可以通过以下方式来跟踪crash信息 #1.模拟器运行, 查看xcode错误日志 #2.真机调试, 查看xcode错误日志 #3.真机运行, 查看device系统日志 下面举例说明, 先写一段会Crash的代码crashdemo: - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view
-
IOS开发UIButton(左边图片右边文字效果)
在使用UIButton的时候,需要实现UIButton左边图片,图片后面紧跟文字效果比较麻烦,简单实现方法具体代码如下: (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = RGB(235, 235, 240); UIButton *oneButton = [[UIButton alloc] initWithFrame:CGRectMake(0, kHeaderHeight + 8, kScreenWidth,
-
iOS在固定的label上动态显示所有文字
照例先看下效果图: 思路 创建一个view 作为所有内容的父控件, 并且添加到上面一个 label, 作为显示文字的载体 UILabel* contentLabel = [[UILabel alloc] init]; [contentLabel sizeToFit]; contentLabel.backgroundColor = [UIColor clearColor]; _contentLabel = contentLabel; [self addSubview:self.contentLab
-
iOS文字渐变色效果的实现方法
照例先上文字渐变的效果图 实现思路如下 一.创建一个颜色渐变层,渐变图层跟文字控件一样大. 二.用文字图层裁剪渐变层,只保留文字部分,就会让渐变层只保留有文字的部分,相当于间接让渐变层显示文字,我们看到的其实是被裁剪过后,渐变层的部分内容. 注意:如果用文字图层裁剪渐变层,文字图层就不在拥有显示功能,这个图层就被弄来裁剪了,不会显示,在下面代码中也会有说明. 2.1 创建一个带有文字的label,label能显示文字. 2.2 设置渐变图层的mask为label图层,就能用文字裁剪渐变图层了.
-
iOS给图片添加滤镜&使用openGLES动态渲染图片详解及实例
iOS给图片添加滤镜&使用openGLES动态渲染图片 给图片增加滤镜有这两种方式: CoreImage / openGLES 下面先说明如何使用CoreImage给图片添加滤镜, 主要为以下步骤: #1.导入CIImage格式的原始图片 #2.创建CIFilter滤镜 #3.用CIContext将滤镜中的图片渲染出来 #4.导出渲染后的图片 参考代码: //导入CIImage CIImage *ciImage = [[CIImage alloc] initWithImage:[UIImage
-
iOS中MD5加密算法的介绍和使用
前言 软件开发过程中,对数据进行加密是保证数据安全的重要手段,常见的加密有Base64加密和MD5加密.Base64加密是可逆的,MD5加密目前来说一般是不可逆的. MD5生成的是固定的128bit,即128个0和1的二进制位,而在实际应用开发中,通常是以16进制输出的,所以正好就是32位的16进制,说白了也就是32个16进制的数字. MD5主要特点是 不可逆,相同数据的MD5值肯定一样,不同数据的MD5值不一样(也不是绝对的,但基本是不能一样的). MD5算法还具有以下性质: 1.压缩性:任意
-
iOS 四种回调方法总结
最近对做IOS 项目遇到回调,抽空把相关资料整理下,以下是整理内容: 回调 回调就是将一段可执行的代码和一个特定的事件绑定起来.当特定的事件发生时,就会执行这段代码. 在Objective-C中,有四条途径可以实现回调. 目标-动作对 在程序开始定等待前,要求"当时间发生时,向指定的对象发送某个特定的信息".这里接收消息的对象是目标,消息的选择器是动作. 辅助对象 在程序开始等待之前,要求"当时间发生时,向遵守相应协议的辅助对象发送消息".委托对象和数据源是常见的辅
-
iOS 中KVC、KVO、NSNotification、delegate 总结及区别
iOS 中KVC.KVO.NSNotification.delegate 总结及区别 1.KVC,即是指 NSKeyValueCoding,一个非正式的Protocol,提供一种机制来间接访问对象的属性.而不是通过调用Setter.Getter方法访问.KVO 就是基于 KVC 实现的关键技术之一. Demo: @interface myPerson : NSObject { NSString*_name; int _age; int _height; int _weight; } @end @
-
iOS中解决Xcode 8控制台乱码的方式
下面是之前大家会用的解决控制台log输出的方式 Xcode8里边 Edit Scheme-> Run -> Arguments, 在Environment Variables里边添加 OS_ACTIVITY_MODE = Disable 环境变量 ,这个相信大家都会. 使用改变Xcode系统模板的方式 先介绍几个c函数 /** *getenv(取得环境变量内容) *定义函数 char * getenv(const char *name); *函数说明 getenv()用来取得参数name环境变
-
详解iOS获取通讯录的4种方式
本文实例为大家分享了iOS获取通讯录的4种方式,供大家参考,具体内容如下 使用场景 一些App通过手机号码来推荐好友,如 微博.支付宝 首先客户端会获取通讯录中的所有手机号然后将这些手机号提交到App服务器中,服务器会查找每个手机号对应的App账号如QQ号码返回到客户端,然后客户端根据服务器返回的账号列表来推荐好友. 获取联系人方式 方案一:AddressBookUI.framework框架 提供了联系人列表界面.联系人详情界面.添加联系人界面等 一般用于选择联系人 方案二:AddressBoo
-
IOS开发中键盘输入屏幕上移的解决方法
在IOS开法中经常会遇到键盘遮挡屏幕的事情(比如输入账号密码验证码等等),就使得原本都不大的屏幕直接占了一半甚至更多的位置,这倒无所谓,关键是挡住了下面的按钮.这样的话按钮的事件也就触发不了,最好的解决办法就是当输入这些信息的时候让整个屏幕上移一个键盘的位置,或者上移到指定的位置. 首先一般输入的话都用的是UITextField,所以要监听用户什么时候开始输入和什么时候结束输入,直接设置代理代理就行了,要遵受 UITextFieldDelegate协议. //遵循协议 @interface Vi
随机推荐
- Javascript基础_嵌入图像的简单实现
- 数据库 三范式最简单最易记的解释
- jQuery+json实现动态创建复杂表格table的方法
- 深入理解Java遗传算法
- Python中除法使用的注意事项
- JavaScript动态改变表格单元格内容的方法
- PHP输入输出流学习笔记
- linux下保留文件系统下剩余指定数目文件的shell脚本
- C#与SQL连接:GridView控件对数据库的操作
- MySQL数据库维护中监控所用到的常用命令
- Javascript中3个需要注意的运算符
- vue.js实例todoList项目
- nodejs的压缩文件模块archiver用法示例
- JS+DIV+CSS排版布局实现美观的选项卡效果
- js复制到剪切板的实例方法
- JavaScript类属性的访问方式详解
- shiro实现单点登录(一个用户同一时刻只能在一个地方登录)
- 服务器端C#实现的CSS解析器
- C++虚析构函数的使用分析
- MSSQL数据库迁移之用户名问题