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

自定义标题栏被input顶起

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 需求 input navigation style custom 客户端 6.6.4 1.9.0

- 在自定义标题栏的模式下，如果输入框的位置处在页面的下方，在输入时键盘弹起会把整个页面往上顶，这时候自定义标题栏也会被顶出页面以外，UI效果很不好。即使在1.9.90版本后input组件可以设置adjust-position属性使之不向上撑起页面，但只要输入框处在页面下方，键盘仍有可能会将输入框完全覆盖，效果也是极差。


- @官方 对这些情况有什么好的处理建议，以及能不能支持自定义标题栏不被键盘撑起？


回答关注问题邀请回答
收藏

3 个回答

  • Damye
    Damye
    2018-04-16

    我也遇到了，体验真的是极差啊，我的整个标题都被往下了

    2018-04-16
    有用 1
    回复
  • 竹攸筱
    竹攸筱
    2019-04-03

    解决思路：

    1. input输入框这一模块使用position:fixed固定在页面底部，通过adjust-position的值来控制键盘弹起时是否自动上推页面，

    2. 通过bindfocus来获取键盘高度，使input输入框聚焦时跟随键盘上移而不被遮挡，输入框失去焦点时触发bindblur事件，输入框恢复原位。


    注意点：解决这个问题只要解决键盘弹起时，不自动上推页面，控制adjust-position的值

    ```

    adjust-position：true;键盘弹起时，自动上推页面

    adjust-position：false;键盘弹起时，不自动上推页面，但是实际adjust-position：false;无效

    ```

    解决：adjust-position：""

    2019-04-03
    有用
    回复
  • 苏帅
    苏帅
    2018-04-16

    我也遇到了这个问题，求解

    2018-04-16
    有用
    回复
请 登录 后发表内容
相关问题
相关文档