微信小程序自定义navigation导航栏后，页面变高出现滚动条

问题描述：

当你使用了"navigationStyle": "custom"后，对<page>或其他最外层节点设置height: 100%时，发现出现了下面的的效果，页面高度变高了，且出现了滚动条。

解决方法：

给包住导航和页面的标签的样式加上display: flex;和flex-direction: column;样式，比如我的导航和页面放在page里面：

就直接给page加上以下属性

page{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

这时候再给除导航之外的元素（我这里是<swiper>）设置height: 100%;的话，就不会出现滚动条了。