小程序
小游戏
企业微信
微信支付
扫描小程序码分享
input标签adjust-position属性无效,设置为false时依然自动上推页面
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
{{ false }} ,不知道为什么有的组件不用加,但是这个必须要加括号
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我这个是加了position: fixed;定位的,主要是一个聊天页面底部的输入框
<!-- wxml 部分 -->
<view class="chat_bottom" style="bottom: {{bottom}};">
<van-icon size="20px" class="icon_b" name="phone-o" />
<input adjust-position="{{false}}" bindkeyboardheightchange="posChange" always-embed="false" type="text" class="chat_inp" />
<van-icon size="20px" class="icon_b" name="smile-o" />
<van-icon size="20px" class="icon_b" name="add-o" />
</view>
/* 底部元素 */
.chat_bottom {
width: 100%;
background-color: #ededed;
padding: 10px 0 20px;
box-shadow: 4px 0 0 2px rgba(0, 0, 0, 0.1);
position: fixed;
bottom: 0;
left: 0;
display: flex;
justify-content:flex-start;
}
.icon_b {
padding: 0 20px;
.chat_inp {
background-color: #fff;
padding: 6px 0px 6px 6px;
width: 60%;
border-radius: 6px;
/** js **/
data: {
bottom: '0px'
},
// 键盘高度改变事件
posChange(event) {
console.log(event.detail.height);
this.setData({
bottom: event.detail.height + 'px'
})
供大家参考!!!!!
我这个咋顶不起来页面???
我再mpvue下遇到同样的问题,小米手机6X下,这个属性不生效~有办法解决吗
嗯,已经找到了,这几天被小程序折腾死,虽然我自己写不出来,但我还是觉得微信小程序的底层写的还是很不完善
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
{{ false }} ,不知道为什么有的组件不用加,但是这个必须要加括号
我这个是加了position: fixed;定位的,主要是一个聊天页面底部的输入框
<!-- wxml 部分 -->
<view class="chat_bottom" style="bottom: {{bottom}};">
<van-icon size="20px" class="icon_b" name="phone-o" />
<input adjust-position="{{false}}" bindkeyboardheightchange="posChange" always-embed="false" type="text" class="chat_inp" />
<van-icon size="20px" class="icon_b" name="smile-o" />
<van-icon size="20px" class="icon_b" name="add-o" />
</view>
/* 底部元素 */
.chat_bottom {
width: 100%;
background-color: #ededed;
padding: 10px 0 20px;
box-shadow: 4px 0 0 2px rgba(0, 0, 0, 0.1);
position: fixed;
bottom: 0;
left: 0;
display: flex;
justify-content:flex-start;
}
.icon_b {
padding: 0 20px;
}
.chat_inp {
background-color: #fff;
padding: 6px 0px 6px 6px;
width: 60%;
border-radius: 6px;
}
/** js **/
data: {
bottom: '0px'
},
// 键盘高度改变事件
posChange(event) {
console.log(event.detail.height);
this.setData({
bottom: event.detail.height + 'px'
})
},
供大家参考!!!!!
我这个咋顶不起来页面???
我再mpvue下遇到同样的问题,小米手机6X下,这个属性不生效~有办法解决吗
嗯,已经找到了,这几天被小程序折腾死,虽然我自己写不出来,但我还是觉得微信小程序的底层写的还是很不完善