ios键盘唤起，键盘收起以后页面不归位

最新推荐文章于 2024-07-01 16:37:33 发布
最新推荐文章于 2024-07-01 16:37:33 发布
阅读量275 收藏
点赞数
文章标签： ios
原文链接：https://juejin.im/post/5d47d2eff265da03f77e4e3a
版权

问题详情描述：
输入内容，软键盘弹出，页面内容整体上移，但是键盘收起，页面内容不下滑
出现原因分析：
固定定位的元素 在元素内 input 框聚焦的时候 弹出的软键盘占位 失去焦点的时候软键盘消失 但是还是占位的 导致input框不能再次输入 在失去焦点的时候给一个事件
解决办法：
在这里插入图片描述
拓展知识： position: fixed的元素在ios里，收起键盘的时候会被顶上去，特别是第三方键盘

wx_963907964
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决ios收起键盘时页面无法归位问题
qq_42646513的博客
04-21 528
问题描述： ios系统中使用fixed定位的input，输入完毕键盘收起时，页面被卷上去无法归位。 解决办法： 监听键盘关闭事件，失焦后强制让页面归位，代码如下： const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 获取当前页面被卷上去的高度 document.body.addEve...
ios键盘唤起，键盘收起以后页面不归位问题解决
weixin_41519423的博客
03-25 650
找了好多“ios键盘唤起，键盘收起以后页面不归位问题解决”的解决办法，大部分都是以修改样式为主，但修改完成之后，效果不大，还是会重复出现这个问题，直到因为这个bug而加班才得以解决。 话不多说直接上代码，为了方便学习直接转载啦~ var u = navigator.userAgent; var flag; var myFunction; var isIOS =...
ios软键盘收起后页面没有正确归位的问题
Object_prototype的博客
12-27 1353
//解决iPhoneX软键盘收起后页面没有正确归位的问题 function isIos () { let u = navigator.userAgent return !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/) } if (isIos()) { let isReset; $(‘body’).focusout(()=>{ isReset = true; setTimeout(() => { if (isReset) window.scroll(0, 0);
h5开发：ios键盘弹起，页面跟着弹起，键盘关闭，页面不恢复原位
jinshan_的博客
02-12 709
ios键盘弹起，页面跟着弹起，键盘关闭，页面不恢复原位解决方案
代码详解ios键盘收起问题
08-28
iOS 键盘收起问题详解 在 iOS 开发中，键盘收起问题是一个常见的问题。当用户点击 UITextField 或 UITextView 时，软键盘会自动弹出，但是在某些情况下，软键盘不会自动回收，这会导致用户体验不佳。今天，我们将...
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
12-11
最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面的留白就会消失。所以只要在输入完毕后模拟一下这个“滚动”的操作，就能解决问题了。 如果是用vue写的： &...
IOS TextFiled与TextView 键盘的收起以及处理键盘遮挡
08-31
手势识别器的响应方法`tapAnywhereToDismissKeyboard:`会调用`endEditing:`方法，使得当前第一响应者失去焦点，从而收起键盘。 ```swift override func viewDidLoad() { super.viewDidLoad() ...
IOS开发中键盘输入屏幕上移的解决方法
01-04
这样的话按钮的事件也就触发不了，最好的解决办法就是当输入这些信息的时候让整个屏幕上移一个键盘的位置，或者上移到指定的位置。 首先一般输入的话都用的是UITextField，所以要监听用户什么时候开始输入和什么时候...
iOS 返回上一页，内容下移问题
CSDN博客
12-04 533
上图 问题描述：今天突然发现页面点击返回时候，整体内容下移，准确的说是：返回过程中，页面会出现整体往右下角移动，而不是直接向右移动 出现原因：我这边的原因，是因为点击了输入框，然后返回的时候，键盘退下导致整体页面下移！ - (void)actionBack { [self.view endEditing:YES]; [super actionBack]; } 索性我就在返回方法前，添加了默认退出键盘方法解决 总结：此处是因为返回过程中，有一个下移动画和返回动画一起所导致的 后记：上诉只
项目难点：解决IOS调起软键盘之后页面样式布局错乱问题
Mr.小灰狼_随笔
08-15 2291
项目难点：解决IOS调用起软键盘之后页面样式布局错乱问题
uniapp ios app端键盘弹起页面上移，收起键盘后页面不会恢复到原来位置
weixin_43877778的博客
02-09 2987
uniapp ios app端键盘弹起页面上移，收起键盘后页面不会恢复到原来位置
ios移动端软键盘收起后，页面内容留白不下滑
ZXH2017的博客
12-21 1万+
今天写个公众号，聊天的界面发现调用软键盘以后页面内容上移， 但是键盘收起的时候，ios页面内容没有恢复原样，但是android可以 先附上结果图： 查了很多原因最后找到了解决办法： 原理就是弹起键盘的时候，window.scrollY会从0变到键盘的高度，当输入框焦点失去后让scrollY回到0就好了。...
h5 ios 滚动到底部_h5 ios的软键盘会把固定定位在底部的导航栏顶上去的解决办法...
weixin_36150766的博客
12-30 743
这个BUG 主要是固定在 ios里面不生效导致的，只要键盘弹起 就会把整个界面给弹上去，尝试了网上各种办法都没有很好地解决后来自己用代码把固定定位的元素给拽下来的 原理就是监听滚动 把固定的元素手动抓下来看代码var u = navigator.userAgent;var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if (...
H5 ios移动端，键盘收起以后页面不缩回
三三
12-19 1万+
输入框所在的元素用了position:fixed，安卓端一切正常，ios系统在input失焦后键盘缩回去了但是页面不归位。可能原因：键盘事件触发，导致position:fixed失效。 解决办法： $("input").on("blur",function(){ window.scroll(0,0);//失焦后强制让页面归位 }); ...
解决ios软键盘弹起遮盖住底部输入框的问题（终极解决方案！！！绝对好用）
热门推荐
AliceWu的博客
07-05 1万+
html <div class="layout_flex"> <!-- 头部 --> <div class="header">header</div&a
SpringSeurity中文文档（Servlet Pre-Authentication Scenarios）
最新发布
znjy111的博客
07-01 812
这个类检查安全上下文当前的内容，如果为空，则尝试从 HTTP 请求中提取用户信息并将其提交给 AuthenticationManager。子类重写以下方法以获取这些信息。调用这些方法后，过滤器将创建一个包含返回数据的 PreAuthenticatedAuthenticationToken 并提交进行身份验证。在这里，“身份验证”实际上只是指进一步的 processing，可能会加载用户的权限，但是遵循标准的 Spring Security 身份验证架构。
ios键盘前往如何改掉
08-16
对于 iOS 键盘上的 "前往" 按钮，您无法直接更改或禁用它，因为它是系统键盘的一部分。 "前往" 按钮通常用于在输入框中切换光标位置，以便更轻松地进行编辑。但是，您可以尝试以下解决方法来规避 "前往" 按钮： 1. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值