技术, 前端
解决移动端fixed输入框问题
论如何解决输入框fixed的bug，最近做的一个需求加入了输入发送信息的功能，设计给到的设计稿上需要实现一版fixed输入框，软键盘遮挡到输入框引起的显示问题在移动端比较常见，自己尝试了几种方案
268次点击0分钟阅读
最近做的一个需求加入了输入发送信息的功能，设计给到的设计稿上需要实现一版fixed输入框，众所周知，在PC上这样的需求很容易就可以实现，但是在手机上因为软键盘弹出的问题，不管是在iOS或者是在Android上，都会有各种严重问题，比如说：软键盘遮挡到输入框引起的显示问题等
随后开始了尝试解决
第一步： 修改定位，因为移动端对fixed定位的元素实现的问题，首先尝试修改布局，修改fixed输入框为absolute，检查页面上有使用transform的地方，去除
初步尝试，iOS除了X第一次点击打开时都恢复正常，但是安卓不正常，尝试失败
继续修改： 基于第一步的基础上，给输入框增加一些事件，在输入框获取焦点的时候，刷新输入框的问题，具体：
