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

来源：25-1 小程序常见问题（非常重要）

自酌一杯酒

2018-11-13

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

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

图片描述

写回答

2回答

自酌一杯酒

提问者

2018-11-14

我试了，也会被顶上去。我写的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;
}

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