移动端内容显示在一页时,虚拟键盘输入与position:fixed的冲突问题解决
2019-02-01 16:23
411 查看
在话说iphone很先进,但就是不支持position:fixed。这下苦了我们了,固定定位怎么解决啊,我们会经常遇到固定标题栏、固定工具栏等情况啊!!
比如在ios系统中,获取input焦点时,会导致position: fixed失效,下面是我验证过的方法,解决的是在iPhone6真机测试时,当input输入框输入内容时,手机的软键盘会将页面的整体向上顶起一块,当输入完成后,页面不会重新返回初始位置,所以当点击使用position:fixed定位的按钮时,会出现点击失效问题。
解决方法:给input输入框添加一个失去焦点事件 程序:$("#mobile").blur(function(){ document.documentElement.scrollTop=0; document.body.scrollTop=0; }) 说明:mobile:是input输入框的id
相关文章推荐
- 移动端内容显示在一页时,虚拟键盘输入与position:fixed的冲突解决
- 解决ios、微信移动端的position: fixed; 支持性不好的问题 && 禁用下拉暴露黑底的功能
- 解决移动端虚拟键盘与fixed定位失效问题!
- ios设备触发虚拟键盘输入后position:fixed 无效的一些简单另类的解决方法。
- 打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决
- 解决Android EditText多行输入,内容或边框显示的问题
- 关于移动端使用局部滚动解决ios不支持position:fixed后产生的问题
- 解决Ubuntu Desktop反复输入密码和桌面显示异常的问题
- JQuery ajax 如何设置同步调用(同时只能触发一个函数) 解决与层显示信息时候的冲突问题
- 移动端 position:fixed; 定位在iOS系统上失效,该怎么解决
- 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题
- 解决IE6不支持position:fixed;的问题
- 解决Scrollview嵌套recycleview的显示不完全,滑动冲突问题
- iphone--设置UITextView内边距,解决textView内容显示不全的问题
- 问题2:解决直接输出数组的内容无法显示中文的问题
- 解决高亮度显示内容问题(onFocus)
- 完美解决IE6下position:fixed的Bug;以及闪动问题
- ubuntu i3 xterm中文输入显示问题解决
- 解决IE浏览器使用UEditor修改文章后,重新打开文章,显示修改之前内容的问题
- 解决ScrollView下嵌套ListView、GridView显示不全的问题(冲突)