移动端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}
- 2021-09-15 12:50回答 1 已采纳 react里直接用script?没用create-app框架？先看看是否获取到了 dom。再赋值。 且react有自己的获取dom方式ref.不是说js获取不行，但可能存在问题。因为react和vue
- 2022-04-27 10:04回答 3 已采纳 const startButton = document.getElementsByClassName("start-button");返回的是dom数组，要专为dom对象才有innerHTML属性c
- 2023-08-25 15:04mm0609的博客 在写聊天功能遇到的一些问题及解决，功能场景使用flex布局 textarea固定在底部
- 2023-04-05 13:58回答 2 已采纳 改成这样试试： <div class="wrapper" style="width: 1476px; height: 770px;"> <div id="building" st
- 2022-07-23 20:09回答 2 已采纳 inline元素默认是和父级元素的baseline对齐的，而baseline又和父级底边有一定距离（这个距离和 font-size，font-family 相关，不一定是 5px），所以设置 vert
- 2021-08-19 15:32回答 4 已采纳 textarea文本域的内容显示在html里面，要用th:text="${}"
- 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-12-06 12:08回答 1 已采纳 可以设置宽度的，直接在标签上绑定style="width:50%"就好了antd的文本域标签是TextArea 吧，你换一下试试
- 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" > // 禁止移动端点击时间选择器弹出虚拟键盘 ...
- 2019-03-15 15:02小九九嘞的博客 查了一圈，发现在IOS弹起键盘以后固定定位的textarea被顶起，但是键盘收回以后textarea没有回到原来的位置，但是，只要滑动一下屏幕就好了 既然滑动屏幕就能好，那就键盘收起以后设置让他滑动一下呗 // h...
- 2022-12-13 14:44小樊樊~的博客 将pages.json文件在指定的页面中加入以下配置 “softinputMode”: “adjustResize”这样就基本大功告成了，快去试试体验体验吧，哈哈哈哈哈哈哈哈哈。具体代码如下，将container的高度设置为100vh。
- 2019-11-01 09:33酒浓码浓的博客的博客 ios移动端进入页面怎么自动弹出键盘 最近做的H5页面业务上有个需求，要在移动端，进入到某个页面自动聚焦input的焦点并弹出软键盘！！！ 查了一圈，发现autofocus，在android上只能聚焦不弹键盘，ios上不聚焦也不...
- 2019-07-15 10:27你大爷的！的博客 解决方案：在点击按钮那里或者是input失去焦点时加下面其中一个即可解决。 通过scrollTop滚动来解决。 scrollTop $("input").blur(function () { $("html,body").animate({scrollTop: document.documentElement....
- 2020-03-10 13:12lucasxt的博客 textarea ref="textarea" v-autofocus autofocus="autofocus"> </textarea> 方法一： mounted: function() { this.$nextTick(() => { this.$refs.textarea.focus(); }); // windo...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月1日
已采纳回答
2月21日-
创建了问题
2月10日
悬赏问题
- ¥15 metadata提取的PDF元数据，如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
- ¥15 Windows11, backspace, enter, space键失灵