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

jjzzggkk 2018-07-17 10:13:13

...全文

698 3 打赏收藏举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Yuan_mingyu 2019-02-25

打赏
举报

回复

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

jjzzggkk 2018-07-18

打赏
举报

回复

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

丰云 2018-07-18

打赏
举报

回复

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

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

相关推荐

最近在做项目时，发现安卓手机的点击输入框后，键盘升起会把input框挡住，只能手滑显示出来，而苹果手机就没有这个问题。后来发现这是安卓手机的机制问题。解决办法： 1.写个js即可（对于vue项目，将js写在mounted即可） // 处理安卓手机输入法遮挡输入框问题（摘自WEUI） if ((/Android/gi).test(nav...

这个问题安卓手机有问题，ios系统是没问题的，只对安卓手机做了处理，点击弹出框出来的时候，设置position: "absolute"，这样输入的时候，弹出框还可以上下拉动 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android

有过移动端web开发经验的人应该都会遇到这个问题，一个input在页面最底部或者偏下的位置，输入时由于输入法的弹出，在部分浏览器下由于不会自动计算window的高度，导致input被输入法挡住。本文的解决方式是利用scrollTop来解决，在input获取焦点后，动态地设置body的高度并设置scrollTop到指定位置，这样可以保证input会滚动到输入法上方，失去焦点后再恢复原来的位置。有两种...

IOS 固定定位底部input输入框，获取焦点时弹出的输入法键盘挡住input移动页面经常会做到这样一个效果，看下面的图片，重点就是那个固定定位的底部，里面有个input输入框，在输入字符的时候，安卓手机看着是完全没有问题！1、页面没有点击底部input的初始状态2、安卓手机下的样子，一切都是那么的正常，简直是完美。3、ios手机下，就是这么任性，没有办法，完全挡着了，挡着了，挡着了...，必须把...

有过移动端web开发经验的人应该都会遇到这个问题，一个input在页面最底部或者偏下的位置，输入时由于输入法的弹出，在部分浏览器下由于不会自动计算window的高度，导致input被输入法挡住。本文的解决方式是利用scrollTop来解决，在input获取焦点后，动态地设置body的高度并设置scrollTop到指定位置，这样可以保证input会滚动到输入法上方，失去焦点后再恢复原来的位置。有两种情况： 1、input在页面最底部，后面没有其他元素，这种情况我们可以获取窗口的高度减去input的高度再减

发帖

8.7w+

社区成员

22.4w+

社区内容

Web 开发 JavaScript

社区管理员

加入社区

帖子事件

创建了帖子

2018-07-17 10:13

社区公告

暂无公告