公告列表
公告列表
收藏
回答

input聚焦弹起键盘, 导致自定义导航栏上移?

使用自定义导航, 聚焦input后键盘会把导航推上去, 如何处理让导航栏不动(同默认的导航栏一样)?

片段:https://developers.weixin.qq.com/s/CcpkRBmV7jpL

除了监听键盘高度, 自己去调整布局 没有其他方法了吗?

看到这个几年前的提问(https://developers.weixin.qq.com/community/develop/doc/000e4afcc080c0aadfa7a7e0251400?highLine=input%2520%25E4%25B8%258A%25E7%25A7%25BB) 里面也没有看到解决方法

---

导航栏设置了fixed 照样被顶上去: https://developers.weixin.qq.com/s/kRzVVBmK7Bpz

---

整理了自己的解决方法

https://developers.weixin.qq.com/community/develop/article/doc/00002864144918ff850c9b81a51813

最后一次编辑于  2021-04-23
回答关注问题邀请回答
收藏

2 个回答

  • Z
    Z
    2021-04-16

    我看代码片段 你这个滑动的时候导航栏也会上去啊，导航栏不是固定在顶部不动的吗？

    2021-04-16
    有用
    回复 10
    • kkopite
      kkopite
      2021-04-16
      对呀 就是想如何不让自定义导航栏跟着上去
      2021-04-16
      赞
      回复
    • Z
      Z
      2021-04-16回复kkopite
      导航栏固定到顶部不是应该用 固定定位的吗
      2021-04-16
      赞
      回复
    • kkopite
      kkopite
      2021-04-16回复Z
      嗯 这里只是写了列子而已
      2021-04-16
      赞
      回复
    • Z
      Z
      2021-04-16回复kkopite
      用固定定位 若input框距离 底部的高度 达不到键盘的高度 就会把自定义的导航栏顶上去 ，其他的就没问题
      2021-04-16
      赞
      回复
    • kkopite
      kkopite
      2021-04-16
      "就会把自定义的导航栏顶上去",  就是不想让他顶上去嗯
      2021-04-16
      赞
      回复
    查看更多(5)
  • 社恐的王同学
    社恐的王同学
    2021-04-16

    adjust-position boolean true 否 键盘弹起时，是否自动上推页面

    2021-04-16
    有用
    回复 7
    • kkopite
      kkopite
      2021-04-16
      这样的话 输入框就被挡住了
      2021-04-16
      赞
      回复
    • 社恐的王同学
      社恐的王同学
      2021-04-16回复kkopite
      可以给当前输入的这个输入框包一个父元素relative定位，然后输入框absolute到父元素内，输入时候输入框就会单独的被顶走了
      2021-04-16
      赞
      回复
    • 社恐的王同学
      社恐的王同学
      2021-04-16回复社恐的王同学
      要配合键盘高度  给当前输入框复制定位bottom
      2021-04-16
      赞
      回复
    • kkopite
      kkopite
      2021-04-16
      这样的话 那就只是输入框自己上移了,
      2021-04-16
      赞
      回复
    • 社恐的王同学
      社恐的王同学
      2021-04-16回复kkopite
      对的   如果输入框比较多 就难搞一些，不过是个解决方案
      刚才测试了一下还行
      代码片段
      https://developers.weixin.qq.com/s/TFB0LBmB71p9
      2021-04-16
      赞
      回复
    查看更多(2)
请 登录 后发表内容
相关问题
相关文档
问题标签
监听导航导航栏键盘input