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

猜你喜欢

转载自blog.csdn.net/hangGe0111/article/details/103728298