logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Affix图钉

将页面元素钉在可视范围。

何时使用

  • 当内容区域比较长,需要滚动页面时,这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。
  • 页面可视范围过小时,慎用此功能以免遮挡页面内容。

Examples

最简单的用法。

expand code expand code

TargetId 设置 Affix 需要监听其滚动事件的元素,默认为 window

expand code expand code

可以获得是否固定的状态。

expand code expand code

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 --
ReuseTabs路由复用 Breadcrumb面包屑
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.