博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端文本框被原生键盘弹出后挡住文本框
阅读量:6827 次
发布时间:2019-06-26

本文共 584 字,大约阅读时间需要 1 分钟。

 

原因就是在安卓中被软键盘顶上来了,而苹果的软键盘是覆盖的(分层) 

解决方法是,把当前页面的body固定好,即在当然页面加上这段js:

$('body').height($('body')[0].clientHeight);

 


 

html:

<input id="val_name" type="text" placeholder="姓名"  οnfοcus="fup(val_name)" οnblur="fdown(val_name)" >

 
js:
function fup(id){    setTimeout(function () {        id.scrollIntoView(true);    },100)}function fdown(id){    setTimeout(function () {        id.scrollIntoView(false);    },100)}

  

 

如果为true,则元素将在其所在滚动区的可视区域中居中对齐。  

如果为false,则元素将与其所在滚动区的可视区域最近的边缘对齐。 根据可见区域最靠近元素的哪个边缘,元素的顶部将与可见区域的顶部边缘对准,或者元素的底部边缘将与可见区域的底部边缘对准。  

转载于:https://www.cnblogs.com/zhangym118/p/9112593.html

你可能感兴趣的文章
linux 基础命令(1)
查看>>
MySQL学习足迹记录01--SOURCE,SHOW
查看>>
tomcat安装配置
查看>>
Struts2.0+Hibernate2.5+Spring3.0搭建JavaEE项目要用的jar
查看>>
2013互联网公司,年终奖有几何?
查看>>
互联网
查看>>
MySQL load data 权限相关
查看>>
ScriptManager.RegisterStartupScript失效的解决方案
查看>>
vsftpd 添加用户
查看>>
递归方法
查看>>
Sonar+maven+jenkins集成,Java代码走查
查看>>
js中点击返回顶部
查看>>
Gtest源码剖析:1.实现一个超级简单的测试框架xtest
查看>>
第三方模块的安装
查看>>
Terracotta中锁与性能的问题
查看>>
遇到Linux系统安装时窗口过大,按钮点不到,该怎么解决
查看>>
js 判断输入是否为正整数
查看>>
「收藏」一些有趣的图
查看>>
探索虚函数(二)
查看>>
李青云老人的长寿秘诀【转】
查看>>