安卓弹出软键盘怎么把一部分布局顶上去

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安卓弹出软键盘怎么把一部分布局顶上去相关的知识,希望对你有一定的参考价值。

参考技术A 在EditText控件接近底部的情况下,软键盘弹出后会把获得焦点的EditText控件遮挡,无法看到输入信息,防止这样的情况发生,就需要设置androidManifest.xml的属性:
前面的xml信息省略
在activity中 增加android:windowSoftInputMode="adjustPan"
<activity
..
android:windowSoftInputMode="adjustPan"
>
</activity>
弹出软键盘以后,软键盘会把EditText推上去。本回答被提问者采纳

移动端弹出软键盘导致input光标和点击事件错位问题

我遇到的问题:在微信浏览器里,点击蒙层的input框,弹出软键盘,蒙层被顶上去,同时input的焦点和button的点击事件也被顶上去了,软键盘消失,蒙层回到原位,但是点击input和button均没反应,点击蒙层被顶上去的位置有反应,因为input的焦点和button的点击事件没回到原位。这个问题出现在ios中,android手机没问题。

以下是一位大佬写的解决方法,解决了我的问题。

原文地址:https://blog.csdn.net/Doubleu_/article/details/86596569

原因:移动端页面的定位会影响光标位置。移动端在点击input输入的时候软键盘弹出,整个页面被键盘往上挤压,然而光标的位置也被挤压,收起软键盘的时候页面恢复,但是光标还是在原来input的位置,就导致光标不在该在的地方,整个页面呈现无法点击的状态,用户体验极差。

解决方法:

方法一:在软键盘收起(也就是失焦)的时候scrollTop回顶部,或者使用window.reload()。

$("input").blur(function()
    setTimeout(function()
    var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
    window.scrollTo(0, Math.max(scrollHeight - 1, 0));
    ,100)
)

方法二:使用reload

$(‘textarea,input[type=text]‘).focus(function () 
   window.setTimeout(‘scrollBottom()‘, 500);
);
function scrollBottom() 
   window.scrollTo(0, $(‘body‘).height());

 

以上是关于安卓弹出软键盘怎么把一部分布局顶上去的主要内容,如果未能解决你的问题,请参考以下文章

Android软键盘弹出时把布局顶上去的解决方法

EditText弹出软键盘遮住输入框问题

解决Andriod软键盘出现把原来的布局给顶上去的方法(转)

DialogActivity软键盘弹出时布局顶上去的问题

DialogActivity软键盘弹出时布局顶上去的问题

H5防止安卓手机软键盘弹出挤压页面导致变形的方法