微信小程 input序鍵盤彈起時,是否自動上推頁面 adjust-position,input底部懸浮聚焦鍵盤彈起遮蓋

1.背景:

對於某些在輸入框聚焦時不需要向上推動頁面的需求,可以嘗試此方法,小程序官方文檔也有說明。

2.思路:

2.1給底部懸浮的部分動態設置bottom,聚焦時設爲鍵盤彈起的bottom值,失焦時設置bottom爲0;

2.2 給input框設置 adjust-position="{{false}}" 即可。

3.代碼

3.1 wxml

3.2js

4.效果

5.說明

5.1機器人聊天

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章