Uniapp开发h5页面输入框软键盘被顶起

最新推荐文章于 2025-05-31 20:26:13 发布

原创最新推荐文章于 2025-05-31 20:26:13 发布 · 4.1k 阅读

6 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了解决uniapp中input组件导致页面被软键盘顶起的问题的方法。通过给input添加特定样式及在pages配置文件中设置softinputMode为adjustResize来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题:当使用uniapp的input时，真机上软键盘将页面顶起的解决方案:
第一步：给input添加class=“uni-input” cursor-spacing=“10”(uniapp文档也有说明)
第二步:pages配置文件对应的页面模块添加**“softinputMode”: “adjustResize”**(uniapp文档也有说明)

"style": {
				"app-plus": {
					"titleNView": false,
                    "softinputMode": "adjustResize"
				},
				"enablePullDownRefresh": false
			}
```typescript
在这里插入代码片