Bootstrap

uniApp scroll-view高度自适应

方法: 使用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>

实现效果如下图:
请添加图片描述

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;