非常诡异的一个问题,微信小程序中做了一个参数配置页面,这个页面参数有点多,所以做成了在 scroll view 中嵌套 input 的实现。但是当 input 输入框获得焦点时,里面的文字就会上浮错位。

这个体验完全不能接收啊。。。
解决方法
搜索了半天,找到了一个完全相同的案例:
一句话描述一下解决方式:不要给scroll-view 指定height=100vh; 设置为 95vh 就可以解决。
我改成了 99vh 也可以完美解决这个 bug。
但是底部会出现一块小区域空白,给 page 设置个默认背景色来解决。
修复后的效果:

参考
- https://developers.weixin.qq.com/community/develop/doc/0004e6550c4a602c826a3e7a65b800
- https://developers.weixin.qq.com/community/develop/article/doc/000a00e1fd0790488e6a034f156813?jumpto=reply&parent_commentid=000aa0cd10cb689c816afb5b5578&commentid=0006ec48890a4858956ab4dc856c