ios中fixed键盘弹起,收起后视图上移问题
2019-01-04 23:55
561 查看
fixed在ios中兼容的问题最近连续两个不同的需求遇见了,总结一下解决办法:
1:需求是页面底部有一个select框(input同理)弹起键盘,然后收起界面就上移(如下图)
解决方案:市面上的解决方案要么很复杂,要么会有其他问题,在尝试中发现了最简单的办法,就是在收起键盘的时候让他的滚动条回到顶部或者底部
[code]main{ position: absolute; top:0; left:0; right:0; overflow-y: auto; height:100%; -webkit-overflow-scrolling: touch; } footer{ height:50px; background: #f00; position:fixed; left:0; right:0; bottom:0; }
[code]$("select").blur(function(){ $(window).scrollTop(0); });
2:第二个需求就是弹窗出来的文本框(input等)弹起键盘底部文本框被键盘遮挡显示不出来
解决方案:核心思路还是控制一下滚动条
[code]// 解决input获取焦点键盘遮挡 $('input,textarea').focus(function() { var Height = document.body.clientHeight; $(".popup-box").css({"position":"absolute","height":Height}); $(window).scrollTop(Height / 3); }).blur(function(){ $(".popup-box").css({"position":"fixed","height":"auto"}); });
相关文章推荐
- iOS键盘弹起,上移视图,和其它的方法大同小异,只不过我在viewDidLayoutSubviews 中写的改变frame方法,这样就不用监听键盘什么的了
- ios键盘弹起tableView的滑动区域问题
- iOS MMDrawerController侧滑菜单与中心视图手势冲突问题的解决方案(续--点击可收起抽屉)
- iOS 7:用代码解决视图控制器的View整体上移问题[转载]
- iOS下的 Fixed + Input 调用键盘的时候fixed无效问题解决方案
- iOS 7:用代码解决视图控制器的View整体上移问题
- 键盘弹起布局上移的问题
- iOS 视图上移20个像素 问题
- iOS下的 Fixed + Input 调用键盘的时候fixed无效问题解决方案
- iOS 7:用代码解决视图控制器的View整体上移问题
- ios---实现随着键盘弹出,响应的视图也随之上移
- IOS 禁止横屏、键盘的隐藏、键盘出现时上移后面的视图
- iOS 7:用代码解决视图控制器的View整体上移问题
- iOS学习笔记——视图上移与键盘弹回
- iOS学习笔记——视图上移与键盘弹回
- iOS 7:用代码解决视图控制器的View整体上移问题
- 解决html页面中含有input输入框fixed布局底部按钮在Android和ios中被弹起的问题
- iOS 7:用代码解决视图控制器的View整体上移问题
- iOS学习笔记——视图上移与键盘弹回
- iOS之键盘弹出视图上移