方法: 使用flex布局,上下文有高度(或者撑起的高度), scroll-view设置样式为flex:1
<template>
<view class="wrap">
<-- 这里是其他的一些元素占据高度 -->
<view style="height: 600upx;width: 100%;">
123
</view>
<scroll-view class="scroll-box" scroll-y @scrolltolower="reachBottom">
<view class="talklist" v-for="(item,index) in tlist" :key="index">
123
</view>
</scroll-view>
</view>
</template>
<style>
.wrap {
display: flex;
flex-direction: column;
width: 100%;
height: calc(100vh - var(--window-top));
}
.wrap .scroll-box {
flex: 1;
overflow: scroll;
background: #02C598;
}
</style>
实现效果如下图: