在我的移动站点上(我使用jQuery移动),我在页面底部有输入。当我尝试输入一些信息给它时,虚拟键盘就会出现(它必须这样做)。问题是它隐藏了一半的页面,包括输入,而不是滚动的页面。在本例中,输入4-8隐藏在键盘下。
<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
input {
display: block;
width: 100%;
margin-bottom: 10px;
}
发布于 2016-02-01 14:37:47
为此,我在输入焦点事件上使用了jQuery.mobile.silentScroll(),然后在模糊上向下滚动。
就像这样:
$('#myinput').on('focus',function(){
$.mobile.silentScroll($('#myinput').position().top - 100);
$('#myinput').focus();
});
$('#myinput').on('blur',function(){
$.mobile.silentScroll($('#myform').position().top);
});
https://stackoverflow.com/questions/35133144
复制相似问题