Question

在我的移动网站上（我使用jQuery Mobile）我在页面底部有输入。当我尝试输入一些信息时，会出现虚拟键盘（必须这样做）。问题是它隐藏了一半的页面，包括我输入的输入而不是页面向上滚动。在示例中，输入4-8隐藏在键盘下方。

HTML

data test;
  format a b yymmdd10.;
  a=today();
  b=mytoday();
run;    

   a            b   
2016-02-01   2016-02-01

CSS

<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">

Answer 1

我在输入焦点事件中使用了jQuery.mobile.silentScroll（），然后向下滚动模糊。

这样的事情：

          $('#myinput').on('focus',function(){
                $.mobile.silentScroll($('#myinput').position().top - 100);
                $('#myinput').focus();
            });
            $('#myinput').on('blur',function(){
                $.mobile.silentScroll($('#myform').position().top);
            });

有没有办法阻止虚拟智能手机键盘隐藏输入？

1 个答案: