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

小程序的 input 组件聚焦后d起键盘，自动通过页面上移的方式将输入框所在位置定位到键盘上方。

如果输入框本身就位于页面顶端，则不会造成上推事件，页面看上去很正常很舒服。

但是，如果输入框是位于页面底端，有时候我们只希望输入框定位到键盘上方，而页面其他元素不动。但是很遗憾，小程序并没有提供这样的接口。

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

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

微盟小程序的业务逻辑如下。

1、用户上滑页面滚动条触底开始加载下一页数据。

2、利用滚动条触底事件（onReachBottom）。

3、判断还有没有下一页数据。

4、获取到总页数总页数=Mathceil(总条数/页容量)。

5、获取到当前的页码。

6、判断一下当前的页码是否大于总页数，如果大于的话，表示没有下一页数据。

以上就是关于微信小程序键盘拉起后页面上移问题全部的内容，包括:微信小程序键盘拉起后页面上移问题、微盟小程序的业务逻辑是什么、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！