微信小程序键盘拉起后页面上移问题

Posted 2023-03-23

参考技术A 小程序的 input 组件聚焦后弹起键盘，自动通过页面上移的方式将输入框所在位置定位到键盘上方。
如果输入框本身就位于页面顶端，则不会造成上推事件，页面看上去很正常很舒服。
但是，如果输入框是位于页面底端，有时候我们只希望输入框定位到键盘上方，而页面其他元素不动。但是很遗憾，小程序并没有提供这样的接口。

针对这一问题，笔者尝试了很多方法，比如页面聚焦后，在 inputfocus() 属性中将输入框定位到键盘上方。后来发现，由于页面上推是第一事件，之后才进入 inputfocus() 函数，页面就会在已上推的基础上，对input框再定位，就会导致以下界面：

通过关闭输入框聚焦后的页面上推事件，自动定位输入框位置和滚动条长度来实现的。

h5打开微信小程序带参数

参考技术A h5打开微信小程序带参数还是版本低的原因，升级版本就可以了。 参考技术B 我们可能希望在h5网页中点击按钮或者图片跳转小程序任意页面；也就是说H5链接带参数跳转微信小程序。