问题描述:
当你使用了"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%;
的话,就不会出现滚动条了。