各位大神如何解决手机网页弹窗，里的input被输入法挡住的问题啊！[

jjzzggkk 2018-07-17 10:13:13

...全文

849 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

tomorain23 2019-02-25

打赏
举报

回复

设置弹窗位置始终在最底部，输入法弹出后会把弹窗顶起来，这样的话就不会让输入法挡住input了

jjzzggkk 2018-07-18

打赏
举报

回复

求各位大佬给个好的解决方案啊！！

丰云 2018-07-18

打赏
举报

回复

没有好办法
不同的手机，不同的输入法，弹出框的高低不同，很难控制。

最好的做法，就是靠近顶部，相应弹出一个比较大的输入框，输入结束后，把内容回填到原输入框，弹出的大输入框再消失

还是那个倒霉的双十一需求，测试时发现发弹幕的输入框被系统输入法挡住了，这个问题在之前UC内核的浏览器时没问题啊。经过各种对比定位，发现是因为这次需求还有个沉浸式的实现，就是这个实现导致输入框无法被弹起。所幸看到了这篇blog，试验后效果拔群，唯独有个小遗憾是没有适配非沉浸式的状态，沉浸式和非沉浸式切换时会有个小黑条。小子不才遂在大神肩膀上狗尾续貂，以资来者。

var info = prompt(“请输入您的保护密码”); prompt(？，？):用于显示可提示用户进行输入的对话框。写在script标签中第一个问是显示的文本，第二个问是输入框中的默认值（可不写）点击确认返回输入框中的内容，取消返回null 如: var info = prompt(“请输入您的姓名:”); 这是在做项目当中想要的一个效果，我在思考如何根据弹窗来去判断数据的对错，比如，输入保护密码，正确的话直接跳转到另外的页面，不正确的话就不跳转。哪位大神可以指导一下啊！！！！ ...

最近在做一个仿微信的聊天界面，有一个固定在页面底部的input框，本来使用fixed定位在底部，在android手机上没有任何问题，但在iOS上当点击输入内容的时候会出现不同情况的原生键盘遮挡输入框的情况。度娘出了很多解决方法，但没有一个方法可以完美解决，而且发现很多人都有这个问题，自己就苦思冥想出了一个相对不错的解决方法，跟大家分享一下。先跟大家列举一下网上的解决方法，还有我...

手机端IOS系统微信中虚拟键盘遮挡input输入框问题解决方案

一、首先说一下页面会变形的原因，主要是因为定位用的是fixed或者absolute，在页面输入框弹出时，导致clientHeight变化引起的。解决办法：1、如果是mui等混合app的页面：var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;window.onresize=fu...

87,995

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章