1***@qq.com
1***@qq.com
  • 发布:2023-03-02 15:59
  • 更新:2023-03-02 16:00
  • 阅读:631

软键盘顶起 fixed 定位的解决方法

分类:uni-app

我个人的解决方法
在 app.vue 页面用 uni.getWindowInfo() 方法获取手机长度,并且传到 vuex 里

this.$store.commit("SET_WINDOWHEIGHT",uni.getWindowInfo().windowHeight)

将 position: fixed;定位改为 position: absolute; 然后给 页面的第一个 view 设置 最小高度,并加上 position: relative;

<view style="position: relative;" :style="windowHeight?'min-height:'+windowHeight+'px':''">  
</view>
0 关注 分享

要回复文章请先登录注册

1***@qq.com

1***@qq.com (作者)

app.vue 里获取页面高度需要在 onShow 这个周期里, onLaunch 会把状态栏的高度算进去, 目前只测试过小米10
2023-03-02 16:00