移动端:解决ios软键盘获得焦点后,fixed悬挂失败的问题
2016-04-26 00:00
435 查看
摘要: 通过使用CSS的overflow-y和HTML来解决这个问题
原因:
上网查,据说是ios输入框的bug,应该说是所有会唤出软键盘的控件都有这个bug。每次软件盘获得焦点后,就会让fixed失效,
fixed失效后,相当于变成了absolute定位,要是屏幕是可以滚动的就更加惨不忍睹,本来fixed的模板会跟着滑动起来。
解决方法:
将可以滑动的内容(模块)放进一个html元素,举例放进main标签中包着,并且使用overflow-y: scroll来使溢出的内容可以滑动起来,另外添加
该属性可以使用main内的内容滑动起来不会显得生硬,变得平滑起来。
原因:
上网查,据说是ios输入框的bug,应该说是所有会唤出软键盘的控件都有这个bug。每次软件盘获得焦点后,就会让fixed失效,
fixed失效后,相当于变成了absolute定位,要是屏幕是可以滚动的就更加惨不忍睹,本来fixed的模板会跟着滑动起来。
解决方法:
将可以滑动的内容(模块)放进一个html元素,举例放进main标签中包着,并且使用overflow-y: scroll来使溢出的内容可以滑动起来,另外添加
[code=plain]-webkit-overflow-scrolling: touch;
该属性可以使用main内的内容滑动起来不会显得生硬,变得平滑起来。
[code=plain]<main style="height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;"> <!--可以滚动的内容--> </mian>
相关文章推荐
- 发布IOS产品被拒后如何再上传新发布包
- AndroidStudio设置
- APP端压缩上传,与PHP端解压实现
- iOS头部渐变的表格视图设计
- swift项目抽屉效果
- [android] ndk环境的搭建
- Objective-c nil & 初始化
- ios开发之升级到Xcode7之后插件无法使用与不小心点击Skipbundle的解决办法
- Android中的广播接收者和服务【入门】
- iOS:开发常用GitHub开源项目(持续更新)
- iOS清除缓存功能开发
- NtQueryObject 函数
- <Android 应用 之路> 天气预报(一)
- <Android 应用 之路> 天气预报(一)
- Android自定义View之View详解(1)
- Android应用程序签名相关的理论知识,包括:什么是签名、为什么要给应用程序签名、如何给应用程序签名
- android studio学习---Live Templates
- Android开发中Handler的经典总结
- Foundation => Objective-C _ Part2
- Android应用环境的下载