关于输入框、键盘、页面不共存问题
发布于 6 年前 作者 pingdai 1467 次浏览 来自 问答

连续提问了几次

小程序里面要实现聊天的功能,目前遇到的一个问题。

1、点击输入框后,页面往上移动了,无法看不到原有的文字。尤其是聊天内容不多的情况下。

2、设置adjust-position=false时,点击输入框,键盘向上移动,覆盖了输入框。

如何解决这个问题?谢谢


<!--index.wxml-->

<view class="container">

  <view class="mainer">

    <view>文本2</view>

  </view>

  <view class="footer">

    <input class="input" adjust-position="{{false}}"/>

  </view>

</view>


/**index.wxss**/

.container{

height:100%;

}


.mainer{}


.footer{

position:fixed;

bottom:0;

}


.input{

border:solid 1px red;

}

1 回复

去掉adjust-position="{{false}}"


/**index.wxss**/

.footer{

position:fixed;

bottom:0;

left:0;

width:750rpx;

border:solid 1px #333;

}

.input{

width:690rpx;

padding: 20rpx 30rpx;

height: 50rpx;

}

回到顶部