Sticky 粘性布局

介绍

与 CSS 中 position: sticky 实现的效果一致，当组件在屏幕范围内时，会按照正常的布局排列，当组件滚出屏幕范围时，始终会固定在屏幕顶部

基础用法

<template>
  <nut-sticky>
    <nut-button type="primary">吸顶按钮</nut-button>
  </nut-sticky>
</template>

吸顶距离

<template>
  <nut-sticky offset-top="100">
    <nut-button type="primary">吸顶距离 100px</nut-button>
  </nut-sticky>
</template>

API

Props

参数	说明	类型	默认值
offset-top	吸顶距离	number	0
z-index	吸附时的层级	number	2000
custom-nav-height	导航栏高度，自定义导航栏时，需要传入此值	number	0
disabled	是否禁用吸顶功能	boolean	false
bg-color	组件背景颜色	string	transparent