input页面居中，软键盘覆盖input

Posted 2020-08-27

input框位于底部

     对于ios的软键盘遮盖input输入框问题，网上已经有了一些解决办法，无非就是改变布局，再加scroll.js插件实现滚动，

input框位于顶部

    这种情况不会出现问题，

input居中+mui区域滚动，

    此为巨坑，坑了我足足一天的时间，

    <div class="mui-scroll-wrappe"> <input /> </div>

    input居中且放于区域滚动中，获取焦点，软键盘遮盖iput，input输入值才把页面滚动上去，

           测试1，获取焦点后设置定时器，自动填充值模拟软键盘输入值，结果（失败）；

           测试2，要让input正好位于软键盘上方，无空隙，经试验是由bottom决定的，input又要居中，故只能设置position：absolute；bottom 0%；margin-bottom 50%（依照input高决定）；

margin-bottom的单位1是页面高度，，故得到的位置也不会绝对的居中。。然本人无法发现更好的办法，望大牛指教一二。