uni-app 页面输入框弹出键盘时顶起内容的解决方案

{ "path": "pages/user/post", "style": { "softinputMode": "adjustPan" }, "app-plus": { "softinputMode": "adjustPan" } }

uni-app 页面输入框弹出键盘时顶起内容的解决方案

当在 uni-app 页面中使用输入框时，弹出键盘可能会导致页面内容被顶起，遮挡输入框。为了解决这个问题，可以将 softinputMode 设置为 'adjustPan'，这样页面就不会被顶起，而是被整体推上去，避免遮挡输入框。

修改后的代码如下所示：

{ 
	"path": "pages/user/post",
	"style": {
		"softinputMode": "adjustPan"
	},
	"app-plus": {
		"softinputMode": "adjustPan"
	}
}

通过以上方法，就可以轻松解决 uni-app 页面输入框弹出键盘时顶起内容的问题。