使用环境：uniapp nvue

<template>
注意这里使用css样式，用View组件包裹使用
	<view class="hideFloatCard">
	...
	</view>
</template>

<script>
...
</script>

<style lang="scss">
.hideFloatCard {
	/*以下为浮动核心样式*/
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: -webkit-sticky;
	/* #endif */
	position: sticky;
	top: var(--window-top);
	/*结束*/
	
	z-index: 99;
	flex-direction: row;
	margin: 0px;
	}
</style>

注：

• #ifndef APP-PLUS-NVUE

uniapp条件编译

%PLATFORM% 可取值如下：

• flex-direction：

row 默认值。灵活的项目将水平显示，正如一个行一样。 row-reverse 与 row 相同，但是以相反的顺序。
column 灵活的项目将垂直显示，正如一个列一样。

• z-index:

-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可拥有负的 z-index 属性值。

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！