列表页head+scroll-view滚动

<view class="page">
<scroll-view scroll-y @scroll="onScroll">
    <view class="scroll-head">
        头部元素
    </view>
    <view class="list" v-if="goods_list && goods_list.length > 0">
    <view v-for="(item, index) in goods_list" :key="index" 
            @tap="detail" :data-id="item.id" 
            class="item-box js-item">
            item
    </view>
    </view>
</scroll-view>
</view>
.page{ 
    height: 100vh; 
    display: flex; 
    flex-direction: column; 
    overflow: hidden; /* 只禁掉页面滚动 */
}
.page .scroll-head{
    flex-shrink: 0;
}
.page scroll-view{ 
    flex: 1;          /* 剩余高度全给它 */
    overflow: auto;   /* 由 scroll-view 自己滚 */
}