1.背景:
對於某些在輸入框聚焦時不需要向上推動頁面的需求,可以嘗試此方法,小程序官方文檔也有說明。
2.思路:
2.1給底部懸浮的部分動態設置bottom,聚焦時設爲鍵盤彈起的bottom值,失焦時設置bottom爲0;
2.2 給input框設置 adjust-position="{{false}}" 即可。
3.代碼
3.1 wxml
3.2js
4.效果
5.說明
5.1機器人聊天
1.背景:
對於某些在輸入框聚焦時不需要向上推動頁面的需求,可以嘗試此方法,小程序官方文檔也有說明。
2.思路:
2.1給底部懸浮的部分動態設置bottom,聚焦時設爲鍵盤彈起的bottom值,失焦時設置bottom爲0;
2.2 給input框設置 adjust-position="{{false}}" 即可。
3.代碼
3.1 wxml
3.2js
4.效果
5.說明
5.1機器人聊天
微信小程序真機調試時出現了,Error: request:fail url not in domain list:api.xxx.com 需要把網址添加到合法域名中,見圖 --- 自用 不解釋