收藏
回答

input聚焦键盘弹起时,页面所有fixed样式失效

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 "6.6.3" "2.4.0"

- 当前 Bug 的表现(可附上截图)

如图1,顶部有自定义黑色标题栏, 样式设置为position:fixed,手上下滑动屏幕,该黑色标题栏不会随我手指滑动而滑动,所以,fixed样式正常生效。

问题在如图2,接近底部的input组件点击输入触发聚焦,底部弹出键盘,然后将顶部有fixed样式的标题栏往上推出屏幕,请问如何解决该问题,使标题栏在弹出键盘的时候能固定不动,而其它元素往上移。


上图为图1


上图为图2






- 预期表现

标题栏在弹出键盘的时候能固定不动,而其它元素往上移。









最后一次编辑于  2018-11-18
回答关注问题邀请回答
收藏

8 个回答

  • 晨
    2018-11-19

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-11-19
    有用
    回复 6
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-11-19

      弄了个代码片段https://developers.weixin.qq.com/s/tEDKo2mi7t4j


      主要就是在真机中运行,点击图片底下的input输入文本,弹出键盘的时候,顶部的带有fixed样式的自定义标题栏会被顶出屏幕,如何做到  标题栏在弹出键盘的时候能固定不动,而其它元素往上移,不会让键盘挡住input输入框


      困惑已久,请帮帮忙 ,感谢!!!

      2018-11-19
      2
      回复
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-11-29

      弄了个代码片段https://developers.weixin.qq.com/s/tEDKo2mi7t4j


      主要就是在真机中运行,点击图片底下的input输入文本,弹出键盘的时候,顶部的带有fixed样式的自定义标题栏会被顶出屏幕,如何做到  标题栏在弹出键盘的时候能固定不动,而其它元素往上移,不会让键盘挡住input输入框


      困惑已久,请帮帮忙 ,感谢!!!


      2018-11-29
      2
      回复
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-12-11

      求帮忙,

      弄了个代码片段https://developers.weixin.qq.com/s/tEDKo2mi7t4j


      主要就是在真机中运行,点击图片底下的input输入文本,弹出键盘的时候,顶部的带有fixed样式的自定义标题栏会被顶出屏幕,如何做到  标题栏在弹出键盘的时候能固定不动,而其它元素往上移,不会让键盘挡住input输入框


      困惑已久,请帮帮忙 ,感谢!!



      2018-12-11
      2
      回复
    • 企鹅的冰碴子
      企鹅的冰碴子
      2018-12-11

      现在官方都是要了代码片段,就不说话。

      2018-12-11
      1
      回复
    • 清风
      清风
      2020-07-07回复阿杰瑞米_Jeremy
      请问解决了吗
      2020-07-07
      回复
    查看更多(1)
  • 僵硬
    僵硬
    2018-11-20

    同求解决方法 解决不了就要被开了 老哥 很急

    2018-11-20
    有用 1
    回复 3
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-11-20

      帮忙顶上去,@晨 官

      2018-11-20
      回复
    • 百分点
      百分点
      2019-07-23
      求解决方法
      2019-07-23
      1
      回复
    • 夜
      2023-03-28
      求解决方
      2023-03-28
      回复
  • 李浩然
    李浩然
    08-09

    该问题仍然没有被解决

    08-09
    有用
    回复
  • SI.FANG
    SI.FANG
    2023-04-16

    同问,还没有解决吗

    2023-04-16
    有用
    回复
  • Simple.
    Simple.
    2021-11-17

    遇到同样的问题,请问楼主有解决方案吗?

    2021-11-17
    有用
    回复
  • 陈博鹏
    陈博鹏
    2018-12-04

    解决了吗?

    2018-12-04
    有用
    回复 1
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-12-05

      没有呢  能帮忙求助官方吗

      2018-12-05
      回复
  • Edwin
    Edwin
    2018-11-22

    大佬,自定义标题栏高度你给了多少?我现在发现很多机型不一样,没法确定值呀。

    2018-11-22
    有用
    回复 1
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-11-22

      自动去获取设备的高度,然后赋值

      2018-11-22
      回复
  • 言水心
    言水心
    2018-11-17

    这是自定义的nav_bar?

    2018-11-17
    有用
    回复 6
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-11-18

      是自定义的标题栏

      2018-11-18
      1
      回复
    • Efforts
      Efforts
      2018-11-20

      为什么要自定义标题啊?

      2018-11-20
      1
      回复
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-11-20回复Efforts

      其它页面需要用到自定义标题栏

      2018-11-20
      1
      回复
    • Efforts
      Efforts
      2018-11-20回复阿杰瑞米_Jeremy

      那你这也页面不弄不就好了


      2018-11-20
      1
      回复
    • 阿杰瑞米_Jeremy
      阿杰瑞米_Jeremy
      2018-11-20回复Efforts

      一旦弄成了自定义标题栏,所有页面都要自定义

      2018-11-20
      1
      回复
    查看更多(1)
登录 后发表内容