弹出的输入法键盘挡住input该怎么解决?
程序员文章站
2022-05-18 09:35:09
...
移动页面经常会做到这样一个效果,看下面的图片,重点就是那个固定定位的底部,里面有个input输入框,在输入字符的时候,安卓手机看着是完全没有问题!
1、页面没有点击底部input的初始状态
2、安卓手机下的样子,一切都是那么的正常,简直是完美。
3、ios手机下,就是这么任性,没有办法,完全挡着了,挡着了,挡着了...,必须把整个页面滑到最底下才能看见它,捉迷藏啊简直是。
不怕丢人的说,此问题遇见一年多了终于得到完美解决,更加精彩、更加狗血的是代码只有特么的一行!
请睁大眼睛看
<script type="text/javascript"> $("input").on("click", function() { setTimeout(function(){ document.body.scrollTop = document.body.scrollHeight; },300); }) </script>
具体现实效果,我就不截图显示了,惊喜得自己发现、试过才知道,是不?
以上就是弹出的输入法键盘挡住input该怎么解决?的详细内容,更多请关注其它相关文章!
推荐阅读
-
解决react-native软键盘弹出挡住输入框的问题
-
弹出窗口不能截图该怎么办?有些弹出窗口截图截不了的解决办法
-
雷柏E9050无线键盘的数字快捷键被锁定该怎么解决?
-
电脑键盘wasd被锁该怎么办? 电脑键盘wasd没反应的三种解决办法
-
怎么取消打开输入法时总是弹出的小键盘
-
解决ios h5 input输入框被输入法弹出一块区域的问题
-
vue点击input弹出带搜索键盘并监听该元素的方法
-
弹出的输入法键盘挡住input该怎么解决?
-
javascript - 怎么解决苹果5中input获取焦点,软键盘遮挡input的问题
-
javascript - 怎么解决苹果5中input获取焦点,软键盘遮挡input的问题