uni-app安卓打包后点击input框页面不会自动上推，fixed定位元素被顶起，表现不稳定，有时下方输入框无法显示

uni-app安卓打包后点击input框页面不会自动上推，fixed定位元素被顶起，表现不稳定，有时下方输入框无法显示

真机调试正常，但是云打包后，点击输入框页面不会上推，并且fiexd会被键盘顶起来，但是卸载重新安装，刚开始fiexd不会被键盘顶起来，但是页面下面的input直接被键盘遮住 看不到，并且页面也不能往上滑动，推出app后，重新打开有时就会出现点击输入框页面不会上推，并且fiexd会被键盘顶起来

1 回复

更多关于uni-app安卓打包后点击input框页面不会自动上推，fixed定位元素被顶起，表现不稳定，有时下方输入框无法显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是典型的安卓键盘弹起问题，在uni-app中常见于打包后的表现差异。主要原因和解决方案如下：

  1. 键盘弹起模式问题： 安卓默认使用"adjustPan"模式，会导致fixed元素被顶起。建议在pages.json中配置：
"app-plus": {
  "softinputMode": "adjustResize"
}
  1. fixed定位问题： 当键盘弹起时，fixed元素需要特殊处理。可以改用absolute定位，或通过监听键盘高度动态调整样式：
uni.onKeyboardHeightChange(res => {
  this.keyboardHeight = res.height
})
  1. 输入框被遮挡问题： 确保页面有足够的滚动空间，可以给页面底部添加padding：
.page-container {
  padding-bottom: 300rpx;
}
  1. 表现不一致问题： 可能是缓存导致，建议：
  • 清除应用数据后测试
  • 检查manifest.json中的编译配置
  • 测试不同安卓版本的表现
  1. 兼容性处理： 可以增加键盘弹起时的滚动处理：
this.$nextTick(() => {
  uni.pageScrollTo({
    selector: '#target-input',
    duration: 300
  })
})
回到顶部