问题:内容为一条消息或少条消息时,内容会上推为空,内容多时不影响。
- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
.js代码:
//输入框焦点键盘高度
textFocus: function(e) {
let keyBarHeight = e.detail.height;
if (that.data.isMi) {
that.setData({
keyBarHeight: keyBarHeight
});
} else if (that.data.isMi6x) {
that.setData({
keyBarHeight: keyBarHeight + 100
});
};
},
.wxml代码:
<!--编写消息-->
<form bindsubmit="bindConfirmBtn">
<view class='speak' style='bottom:{{keyBarHeight + "px;"}}'>
<image class='photo' src='/images/im_photo.png' catchtap='selPhoto'></image>
<input type='text' class='input' name="textarea" placeholder='输入内容' cursor-spacing='{{iPhone ? "14" : "10"}}' confirm-type='send' confirm-hold='true' value='{{msgContent}}' adjust-position='{{true}}' bindfocus='textFocus' bindblur='textBlur' bindconfirm="bindConfirm"></input>
<button form-type="submit" class='sub'>发送</button>
</view>
</form>
请问下,有解决办法了么,救急下,感谢!
判断内容的条数,<4条到顶部
内容小于4条,adjust-position设置成false,不抬起,但是输入框就会停留在原位置,不会随着键盘收上来。
我还试过,输入框聚焦时,设置scroll-view的高度,但还是不能避免内容<4看不到。
多试吧
内容较少时,期望页面不上推的问题解决了吗?我用了adjust-position='{{false}}' ,但是下面的输入框会被键盘挡住
还没有,现在的想法是msgList.length>4时adjust-position='{{true}}'
adjust-position='{{true}}' 改成 adjust-position='{{false}}'