收藏
回答

软键盘弹出时,输入框被遮挡?

我的情况是


正确的情况应该是


我的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
      回复
登录 后发表内容
问题标签