微信小程 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机器人聊天

 

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