自定义导航栏被输入框顶没了

分类：uni-app

uniapp

采用uniapp 官方的自定义导航栏 uni-nav-bar 同界面再加入组件y-chat 在点击输入时候出现键盘键盘把整个导航栏到顶没了，这个要如何解决

2023-07-09 10:02 负责人:无分享

5 个回复

自定义导航栏会有这个问题，因为窗口上移了，可以使用原生导航栏，如果不满足场景，可以用 plus.webview.create 创建个导航栏窗口

可以设置 :adjust-position="false"

adjust-position Boolean true      
键盘弹起时，是否自动上推页面    
App-Android（vue 页面 softinputMode 为 adjustResize 时无效，使用 x5 内核时无效）、微信小程序、百度小程序、QQ小程序、京东小程序

我想在聊天区域的上面加入选择选项，要如何实现，采用position: relative; 一样会被顶上去，下面的图是我想实现的效果，能不能解决点输入的时候，弹出软件盘，不要把聊天区域上面的选择区域顶上去

Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序

顶部设置绝对定位看看行不行

我已经解决这个问题了，在pages.json 对应的界面添加"softinputMode": "adjustResize", 然后界面布局做了个定位

要回复问题请先登录或注册