关于页面点击搜索框时,虚拟键盘遮挡搜索框的问题

Posted matao123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于页面点击搜索框时,虚拟键盘遮挡搜索框的问题相关的知识,希望对你有一定的参考价值。

//当点击搜所框时是页面滚动
$(‘#keyword‘).focus(function(event) {
setTimeout((function(){
var i=0;
return function(){
window.scrollTo(0,150)
}
})(), 200);
// return;
$(‘#keyword‘).blur(function(event) {
setTimeout((function(){
var i=0;
return function(){
window.scrollTo(0,0)
}
})(),0);
});
// var viewTop = $(window).scrollTop(),// 可视区域顶部
// viewBottom = viewTop + window.innerHeight;// 可视区域底部
// console.log(viewBottom,viewTop);
});
</script>

以上是关于关于页面点击搜索框时,虚拟键盘遮挡搜索框的问题的主要内容,如果未能解决你的问题,请参考以下文章

IOS系统下虚拟键盘遮挡文本框问题的解决

如何防止键盘改变 Ionic 中的内容布局?

关于键盘遮挡问题

按下输入文本框时Android键盘不显示

移动端 模拟键盘 盖住表单

wpf 虚拟键盘在安装过程中不起作用