# Sticky 吸顶

此组件用于滑动吸顶场景使用

# Slot 插槽 按需使用

name 说明
above 吸顶上插槽(显示在吸顶插槽之上的内容部分)
sticky 吸顶插槽
below 吸顶下插槽(显示在吸顶插槽之下的内容部分)

# 基本使用

通过 n-sticky 形式调用,需吸顶部分内容在 slot="sticky" 插槽中,其余部分需在上( slot="above" )/下( slot="below" )插槽之中才能正确使用吸顶

<template>
	<view>
		<n-sticky>
			<view slot="above">
				<!-- 上插槽内容 -->
				<view style="height: 500rpx;background-color: #FFA940;"></view>
			</view>
			<view slot="sticky">
				<!-- 吸顶内容 -->
				<view style="height: 100rpx;background-color: #40A9FF;"></view>
			</view>
			<view slot="below">
				<!-- 下插槽内容 -->
				<view style="height: 3000rpx;background-color: #BAE7FF;"></view>
			</view>
		</n-sticky>
	</view>
</template>

注意: 吸顶内容在插槽 sticky 中,页面的其余内容部分均在插槽 above/ below 中,above/ below 按需使用