首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >有没有办法防止虚拟智能手机键盘隐藏输入?

有没有办法防止虚拟智能手机键盘隐藏输入?
EN

Stack Overflow用户
提问于 2016-02-01 14:34:19
回答 1查看 975关注 0票数 3

在我的移动站点上(我使用jQuery移动),我在页面底部有输入。当我尝试输入一些信息给它时,虚拟键盘就会出现(它必须这样做)。问题是它隐藏了一半的页面,包括输入,而不是滚动的页面。在本例中,输入4-8隐藏在键盘下。

代码语言:javascript
运行
复制
<input type="text" placeholder="1">
<input type="text" placeholder="2">
<input type="text" placeholder="3">
<input type="text" placeholder="4">
<input type="text" placeholder="5">
<input type="text" placeholder="6">
<input type="text" placeholder="7">
<input type="text" placeholder="8">

CSS

代码语言:javascript
运行
复制
input {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-01 14:37:47

为此,我在输入焦点事件上使用了jQuery.mobile.silentScroll(),然后在模糊上向下滚动。

就像这样:

代码语言:javascript
运行
复制
          $('#myinput').on('focus',function(){
                $.mobile.silentScroll($('#myinput').position().top - 100);
                $('#myinput').focus();
            });
            $('#myinput').on('blur',function(){
                $.mobile.silentScroll($('#myform').position().top);
            });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35133144

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档