美文网首页
移动端输入框获取焦点之后,键盘弹出,输入框上移

移动端输入框获取焦点之后,键盘弹出,输入框上移

作者: 寻欢 | 来源:发表于2019-04-02 10:33 被阅读0次

    ios和android针对输入框有不同的处理方式,ios不会影响页面的效果,会将键盘放在页面更上一层的,不会影响页面的布局。
    android的键盘弹出时会将其放置在页面的同一层,会将整体的输入框,针对不同的手机厂家,系统,手机类型,分辨率,会有不同的上移效果。

    我个人的处理方法:

    -首先根据客户端判断,是否是ios,ios不做处理,如果是andriod进入以下的处理
    -在弹出框获取焦点的时候,添加样式,输入框进行下移,失去焦点之后恢复,方法较为简单,但是用户体验因人而异。
    -在弹出框获取焦点的时候,直接重新做个textarea占据全屏界面,是去焦点之后,将textarea的值赋值给输入框,用户体验会好些。

    相关文章

      网友评论

          本文标题:移动端输入框获取焦点之后,键盘弹出,输入框上移

          本文链接:https://www.haomeiwen.com/subject/tzdwbqtx.html