JavaScript输入框软键盘遮挡问题解决方案

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript输入框软键盘遮挡问题解决方案

这个可能很多做移动端开发的都遇到过，尤其是安卓系统。
弹出的软键盘遮挡了输入框，下面就是一个能够解决此问题的代码片段。

[ 其他 ] 运行代码下载代码

<script>
var windowHeight = document.documentElement.clientHeight;
$('input').bind("focus", function () {
  document.body.style.height = windowHeight + 'px';
  
  setTimeout(function () {
    document.body.scrollTop = 120;
    document.documentElement.scrollTop = 120;
    window.pageYOffset = 120;
  }, 100)
});
</script>

代码描述：JavaScript 输入框软键盘遮挡问题解决方案。JavaScript输入框软键盘遮挡问题解决方案

下载全部收藏

131 174

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册