公告列表
公告列表
收藏
回答

软键盘弹出时，输入框被遮挡？

我的情况是


正确的情况应该是


我的wxml代码：


js代码：



回答关注问题邀请回答
收藏

3 个回答

  • 刁_Kyle
    刁_Kyle
    2019-10-24

    聊天框使用textarea 比较合适吧https://github.com/freezerup/mp-issues/tree/master/pages/textareaBox

    2019-10-24
    有用
    回复
  • 木木
    木木
    2019-10-24

    调整下位置就好了

    2019-10-24
    有用
    回复 2
  • 默
    默
    2019-10-24


    2019-10-24
    有用
    回复 4
    • 乘风破浪
      乘风破浪
      2019-10-24
      这个我试过了，确实可以，但是上边的聊天框整体都会上移，如果只有一条消息的话也会推上去，这样就看不到了
      2019-10-24
      赞
      回复
    • 默
      默
      2019-10-24回复乘风破浪
      那就只有调整输入框定位了  当获取焦点的时候可以获取到键盘的高度 直接把输入框定位到键盘的上面就好了
      2019-10-24
      赞
      回复
    • lyh
      lyh
      2019-11-22回复默
      我输入框设置的是position: fixed;
        bottom: 0;但软键盘调出时与input输入框之间会出现一点缝隙。
      2019-11-22
      赞
      回复
    • 默
      默
      2019-11-22回复lyh
      使用的rpx作为定位的单位吗？ 定位不要用rpx作为单位  获取的是px值 绑定到bottom上面就可以了    例如：bottom:{{oHeight}}px  oHeight 是获取到的键盘的高度
      2019-11-22
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
键盘输入框