码迷,mamicode.com
首页 > 移动开发 > 详细

移动端文本框被原生键盘弹出后挡住文本框

时间:2018-05-30 21:34:00      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:NPU   scroll   java   class   TE   底部   highlight   fun   html   

 

html:

<input id="val_name" type="text" placeholder="姓名"  onfocus="fup(val_name)" onblur="fdown(val_name)" >

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

  

 

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

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

移动端文本框被原生键盘弹出后挡住文本框

标签:NPU   scroll   java   class   TE   底部   highlight   fun   html   

原文地址:https://www.cnblogs.com/zhangym118/p/9112593.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!