60px,calc(100% - 60px)676px644pxjs676px,better-scroll644px
<div class="list">
<header ref="header">
better-scroll
</header>
<div ref="wrapper" class="wrapper">
<div>
<div v-for="(item, index) in list1" :key="index">item{{index}}</div>
</div>
</div>
</div>
mounted () {
this.scroll = new BScroll(this.$refs.wrapper)
}
header{
font-size: 20px;
text-align: center;
height: 60px;
line-height: 60px;
position: relative;
z-index: 1;
background: -sharpFFF;
}
.list {
height: 100%;
}
.wrapper {
background: red;
height: calc(100% - 60px);
}