Affix图钉
将页面元素钉在可视范围。
何时使用
- 当内容区域比较长,需要滚动页面时,这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。
- 页面可视范围过小时,慎用此功能以免遮挡页面内容。
Examples
Affix API#
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
OffsetBottom | 属性从视口底部偏移(以像素为单位) | Int32 | -- |
OffsetTop | 属性从视口顶部偏移(以像素为单位) | Int32 | -- |
TargetSelector | 属性指定可滚动区域 DOM 节点的 CSS 选择器 | String | window |
ChildContent | 属性附加内容 | RenderFragment | -- |
OnChange | 属性Affix 状态改变时的回调。传递一个布尔值,指示词缀当前是否已附加。 | EventCallback<Boolean> | -- |
Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
Style | 属性指定 DOM 元素的内联样式。 | String | -- |
RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |