- 发布：2021-10-09 13:55
- 更新：2021-10-09 14:17
- 阅读：638
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX类型： 正式
HBuilderX版本号： 3.2.9
手机系统： Android
手机系统版本号： Android 10
手机厂商： iPhone
手机机型： iphone x , ios 14.7.1
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
<textarea :class="{'textareaTrue':KeyHeight>0,'textareaFalse':KeyHeight<=0}" maxlength="500"
cursor-spacing="200" :focus="textareaFocus" :value="CommitContent" :adjust-position="false"
placeholder="$t(textPlacholder) " @keyboardheightchange="keytextboardheightchange"
@input="commitContent" />
操作步骤：
发表评论时点击输入框，获取到软件盘的高度，让输入框fixed定位到软件盘上面一点，输入框不顶起页面
发表评论时点击输入框，获取到软件盘的高度，让输入框fixed定位到软件盘上面一点，输入框不顶起页面
预期结果：
发表评论时点击输入框，获取到软件盘的高度，让输入框fixed定位到软件盘上面一点，输入框不顶起页面
发表评论时点击输入框，获取到软件盘的高度，让输入框fixed定位到软件盘上面一点，输入框不顶起页面
实际结果：
实际结果是
获取到软件盘的高度，也给输入框赋值上去之后，此时上下滑动页面时会发现，输入框会跟着页面上下走，而不是fixed定位到软件盘的上面
实际结果是
获取到软件盘的高度，也给输入框赋值上去之后，此时上下滑动页面时会发现，输入框会跟着页面上下走，而不是fixed定位到软件盘的上面
bug描述：
场景
发表评论时点击输入框，获取到软件盘的高度，让输入框fixed定位到软件盘上面一点，输入框不顶起页面
2 个回复
凌风浮云S (作者) - 一个前端的小白，将来会变大佬的！
我补充一下，安卓时没有问题的，就ios有问题
chenli
这个是iOS下fixed定位失效的经典问题。与uni-app无关。建议自行搜索下兼容解决方案。
凌风浮云S (作者)
哦 不
~~ 太难了 这道题 太难了~~2021-10-09 14:54