小程序上下布局+隐藏下边布局的滚动条

页面的常规上下布局

<van-nav-bar title="精益成本核算" fixed="false" placeholder="false" custom-class="nav" title-class="nav-title">
  <!-- <view slot="left" class="leftIcon">
    <van-icon name="arrow-left" color="white" size="15px" />
  </view> -->
</van-nav-bar>
<scroll-view class="scrollarea" show-scrollbar="{{false}}" enhanced="{{true}}" scroll-y="{{true}}">


</scroll-view>

相关样式

page {
  background-color: #F6F6F6;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.scrollarea {
  flex: 1;
  overflow-y: hidden;
}