首页 >web前端 >js教程 > 正文

弹出的输入法键盘挡住input该怎么解决?

原创2017-06-30 14:37:5501395
移动页面经常会做到这样一个效果,看下面的图片,重点就是那个固定定位的底部,里面有个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该怎么解决?的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:input 输入 底部
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类