Affix 固钉

使用

import { KAffix } from "@ksware/ksw-ux";

将页面元素固定在特定可视区域。

基础用法

固钉默认固定在页面顶部。

通过设置 offset 属性来改变吸顶距离，默认值为 0。

指定容器

通过设置 target 属性，让固钉始终保持在容器内， 超过范围则隐藏。

请注意容器避免出现滚动条。

固定位置

Affix 组件提供 2 个固定的位置参数 top 和 bottom。

通过设置 position 属性来改变固定位置，默认值为 top 。

API

Props

参数名	描述	类型	默认值
offset	偏移距离	number	0
position	固钉位置	enum	'top'
target	指定容器（CSS 选择器）	string	-
z-index	z-index	number	100

Events

事件名	描述	类型
change	固钉状态改变时触发的事件	Function
scroll	滚动时触发的事件	Function

Slots

插槽名	描述	参数
default	自定义默认内容	-

Methods

方法名	描述	类型
update	手动更新固钉状态	Function
updateRoot	手动更新根元素的盒模型信息	Function