移动端ios 弹出键盘时textarea不上推页面 是什么原因
而且是只有第一次出现，第二次开始正常
复现很高
移动端ios 弹出键盘时textarea不上推页面？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
北海 2023-02-10 14:28关注- 设置 viewport-fit=cover
- 设置 fixed 布局，把 textarea 元素的定位设置为 fixed
- 或者使用 JavaScript 检测键盘的弹出事件，在弹出键盘时移动整个页面，确保 textarea 可以被正确显示
试试哪种方法奏效
听你的描述第二次弹出键盘时正常，可能是由于页面布局已经更新，所以后面就正常本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2023-02-10 14:14回答 1 已采纳 设置 viewport-fit=cover设置 fixed 布局，把 textarea 元素的定位设置为 fixed或者使用 JavaScript 检测键盘的弹出事件，在弹出键盘时移动整个页面，确保
- 2021-09-16 20:51回答 2 已采纳 单纯的textarea 估计很难满足这个要求，你要求的是一个类似于富文本编辑器的东东，找个现成的组件吧。
- 2018-06-03 02:27回答 4 已采纳 js代码 ``` document.getElementById("textareaid").onfocus = function() { if( loginstate === fal
- 2021-07-22 14:40烈焰晴天的博客 关键代码 window.addEventListener('resize', function() { ... document.activeElement.tagName === 'TEXTAREA' ) { window.setTimeout(function() { if ('scrollIntoView' in document.activeElement
- 2022-02-21 15:04回答 4 已采纳 给个input-class="textarea".textarea{min-height: 200px}
- 2022-04-27 10:04回答 3 已采纳 const startButton = document.getElementsByClassName("start-button");返回的是dom数组，要专为dom对象才有innerHTML属性c
- 2023-04-05 13:58回答 2 已采纳 改成这样试试： <div class="wrapper" style="width: 1476px; height: 770px;"> <div id="building" st
- 2021-08-27 09:45yangqii的博客 ios 点击 input\textarea 输入框唤起键盘后，页面放大且不容易恢复原样 解决： html header 头部加入 meta 声明 <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,...
- 2021-08-19 15:32回答 4 已采纳 textarea文本域的内容显示在html里面，要用th:text="${}"
- 2021-12-06 12:08回答 1 已采纳 可以设置宽度的，直接在标签上绑定style="width:50%"就好了antd的文本域标签是TextArea 吧，你换一下试试
- 2022-07-23 20:09回答 2 已采纳 inline元素默认是和父级元素的baseline对齐的，而baseline又和父级底边有一定距离（这个距离和 font-size，font-family 相关，不一定是 5px），所以设置 vert
- 2021-12-15 18:59Julia_0502的博客 > </el-date-picker> //时间范围 至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" unlink-panels @focus="forbid" > // 禁止移动端点击时间选择器弹出虚拟键盘 ...
- 2021-09-15 12:50回答 1 已采纳 react里直接用script?没用create-app框架？先看看是否获取到了 dom。再赋值。 且react有自己的获取dom方式ref.不是说js获取不行，但可能存在问题。因为react和vue
- 2023-08-25 15:04mm0609的博客 在写聊天功能遇到的一些问题及解决，功能场景使用flex布局 textarea固定在底部
- 2019-03-15 15:02小九九嘞的博客 查了一圈，发现在IOS弹起键盘以后固定定位的textarea被顶起，但是键盘收回以后textarea没有回到原来的位置，但是，只要滑动一下屏幕就好了 既然滑动屏幕就能好，那就键盘收起以后设置让他滑动一下呗 // h...
- 2019-11-01 09:33酒浓码浓的博客的博客 ios移动端进入页面怎么自动弹出键盘 最近做的H5页面业务上有个需求，要在移动端，进入到某个页面自动聚焦input的焦点并弹出软键盘！！！ 查了一圈，发现autofocus，在android上只能聚焦不弹键盘，ios上不聚焦也不...
- 2022-12-13 14:44好嗨呦的博客 将pages.json文件在指定的页面中加入以下配置 “softinputMode”: “adjustResize”这样就基本大功告成了，快去试试体验体验吧，哈哈哈哈哈哈哈哈哈。具体代码如下，将container的高度设置为100vh。
- 2022-08-18 17:32Slimety的博客 移动端如何在前端对于输入框进行点击，滑动，长按操作时禁止拉起自带软键盘
- 2023-03-08 17:52Jim-zf的博客 解决 H5 IOS input 聚焦时，页面整个被推上（下）去了，键盘收起页面未下（上）移 BUG、页面放大
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月1日
已采纳回答
2月21日-
创建了问题
2月10日
悬赏问题
- ¥20 wireshark抓不到vlan
- ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
- ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
- ¥15 stata安慰剂检验作图但是真实值不出现在图上
- ¥15 c程序不知道为什么得不到结果
- ¥40 复杂的限制性的商函数处理
- ¥15 程序不包含适用于入口点的静态Main方法
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位，为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来