自定义的顶部导航，被键盘挤上去了怎么解决

Question

自定义的顶部导航，被键盘挤上去了怎么解决

只要不把输入信息（没有键盘），页面都没得这样的问题。键盘一出来，整体内容就往上面挤，包括顶部那块区域。我设置了fixed都不管用。请问老师这个问题应该怎么解决？

Answer 1

提问者 自酌一杯酒 2018-11-14 11:50:33

我试了，也会被顶上去。 我写的canvas,在开发工具中看起没问题，但在真机上向上滑动屏幕，canvas区域会在导航的上层，给导航设置了z-index:9999; 都不管用。 自定义导航，是不是有问题呀？

/*这是顶部导航的代码，高度用的js获取*/
.header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #339933;
    color: #fff;
    z-index: 9999;
}
.status-bar {
    background: #339933;
}
.title-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #339933;
}

自定义的顶部导航应该怎样写呀？

Answer 2

7七月 2018-11-14 01:05:13

一般不会有这样的问题，你换iphone测试看看？

• 提问者 自酌一杯酒 #1

  我试了，也会被顶上去。 我写的canvas,在开发工具中看起没问题，但在真机上向上滑动屏幕，canvas区域会在导航的上层，给导航设置了z-index:9999; 都不管用。 
  
  /*这是顶部导航的代码，高度用的js获取*/
  .header {
      position: fixed;
      top: 0;
      width: 100%;
      background: #339933;
      color: #fff;
      z-index: 9999;
  }
  .status-bar {
      background: #339933;
  }
  .title-bar {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      background: #339933;
  }
  自定义的顶部导航应该怎样写呀？
  
  看我微信小程序官方提供的第三方自定义组件 - <navigation-bar> 顶部导航也会被键盘挤上去。  自定义导航，是不是有问题呀？

• 7七月 回复 提问者 自酌一杯酒 #2

  如果是自定义的导航，那应该是会出现这个问题的。因为这块区域小程序不再负责管理了，你自己处理。