CSS吸顶、头部固定

一：解析

 头部盒子样式一定要有宽高，然后使用position:fixed加上z-index:999。

 内容盒子使用margin-top:头部盒子的高度。

二：结果展示

结果

三、代码

 Tip：基于Hbuilder X编译器，使用VSCode时把view改成div。

<template>
	
	<view >
		<!-- 头部 -->
		<view style="height: 200px;background-color: aqua;position: fixed;z-index: 999;width: 100%;">
			
		</view>
		<!-- 内容 -->
		<view style="height: 1000px;background-color: antiquewhite;margin-top: 200px;">
			
			<view style="height: 200px;">
				1
			</view>
			<view style="height: 200px;">
				2
			</view>
			<view style="height: 200px;">
				3
			</view>
			<view style="height: 200px;">
				4
			</view>
			<view style="height: 200px;">
				5
			</view>
			
		</view>
	</view>
	
</template>