小程序里面要实现聊天的功能,目前遇到的一个问题。
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;
}
<
view
class
=
'review_dialog'
>
<
form
bindsubmit
=
'GoEvaluateConfirm'
>
<
input
name
=
'txt'
cursor-spacing
=
"40"
></
input
>
<
button
form-type
=
'submit'
size
=
'mini'
type
=
'primary'
>发送</
button
>
</
form
>
</
view
>
.review_dialog{
position
:
fixed
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
z-index
:
99
;
background-color
:
#ebebeb
;
border-top
:
2
rpx
solid
#d6d6d6
}
.review_dialog form{
margin
:
20
rpx;
display
:
block
;
overflow
:
hidden
}
.review_dialog input{
height
:
50
rpx;
line-height
:
50
rpx;
min-height
:
50
rpx;
padding
:
0
20
rpx;
border-bottom
:
1px
solid
#8cc17d
;
width
:
540
rpx;
float
:
left
}
.review_dialog button{
font-size
:
24
rpx;
float
:
right
}
你这边试一下吧!
解决不了。但还是谢谢你的分享