解决ios局部滚动不流畅以及出界(黑)和键盘定制
来源:互联网 发布:阿里云服务器连接终端 编辑:程序博客网 时间:2024/05/01 10:26
全局滚动:滚动条在body节点或更顶层
几部滚动:滚动条在body下的某个dom节点上
IOS
全局滚动:默认支持
局部滚动:默认没有滚动条,且滑动干涩
1.ios局部滚动干涩情况
如图:左侧为默认局部滚动(干涩卡顿),要想让左侧像右侧弹性滚动效果一样
解决方法:将以下属性加在body上
body{ -webkit-overflow-scrolling:touch;}//局部滚动的dom节点.scroll-el{ overflow:auto;}
2.IOS出界
如图:
触发出界的情况:
全局滚动:滚动到页面顶部(或底部)时继续向下(向上)滑动就会出现
局部滚动:滚动到页面顶部(或底部)时,手指离开停下,再继续向下(向上)滑动就会出现
解决方法:
局部滚动:使用ScrollFix
demo
注意:页面的固定区域禁止touchmove默认事件
全局滚动:暂时没有好的解决方法,可以考虑把全局滚动改成拒不滚动
Android
版本较多,表现各异
默认没有弹性滚动效果
-webkit-overflow-scrolling默认浏览器不支持
android版chrome支持
使用局部滚动会导致滚动条显示异常,且滚动不流畅
android下建议只使用全局滚动
总结:
小干活:
键盘定制
配置input节点的type属性
1.纯数字键盘 <input type="text" pattern="[0-9]*" />
2.搜索 <input type="search" />
3.number <input type="number" />
4.tel <input type="tel" />
4.tel <input type="url" />
4.tel <input type="email" />
autocapitalize=”off”关闭首字母大写
autocorrect=”off”关闭输入提示
兼容性:
ios基本支持
android不同系统版本不同定制版本支持情况不同
- 解决ios局部滚动不流畅以及出界(黑)和键盘定制
- iphone滚动不流畅
- iOS列表滚动流畅
- IOS下web页面滚动不流畅问题
- iOS瀑布流(UIScrollView或UITableView)和解决运行不流畅的问题
- 解决overflow: auto在Ios中滑动不流畅
- iOS tableview自定制以及scrollview的无卡顿定时滚动
- ios 定制键盘
- iOS如何定制键盘
- 项目经历——解决ScriptManager和UpdatePanel局部刷新以及不弹出对话框问题
- 如何解决iOS瀑布流(UIScrollView或UITableView)运行不流畅
- iOS7 如何解决iOS瀑布流(UIScrollView或UITableView)运行不流畅
- 定制 iOS 键盘(转)
- iOS 键盘类型定制归纳
- iOS 键盘类型定制归纳
- 解决viewpager滑动不流畅问题
- IOS: iPhone键盘通知与键盘定制
- IOS: iPhone键盘通知与键盘定制
- 从github上下载开源项目 failed to apply plugin[id 'com.github.dcendents.android-maven']
- typedef和#define的区别
- _finddata_t
- 371
- spring和mybatis框架中实现文件下载功能
- 解决ios局部滚动不流畅以及出界(黑)和键盘定制
- Spring整合aspectj框架实现的aop
- Struts2学习笔记—通配符
- 使用Tomcat发布一个WEB项目
- 正则表达式匹配中文
- Android 锁屏
- Android零基础入门第80节:Intent 属性详解(下)
- Android 使用Jenkins打包解决':app:mergeReleaseResources'.问题
- JSONObject和JSONArray区别及基本用法