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

Anchor锚点

用于跳转到页面指定位置。

何时使用

需要展现当前页面上可供跳转的锚点链接,以及快速在锚点之间跳转。

Examples

最简单的用法。

expand code expand code

点击锚点不记录历史。

expand code expand code

锚点目标滚动到屏幕正中间。

expand code expand code

不浮动,状态不随页面滚动变化。

expand code expand code

自定义锚点高亮。

expand code expand code

监听锚点链接改变

expand code expand code

Anchor API#

属性 描述 类型 默认值
Key 属性用于在密钥更改时刷新链接列表。 String --
ChildContent 属性组件的内容。 RenderFragment --
Affix 属性Anchor固定模式 Boolean true
Bounds 属性锚点区域的边界距离 Int32 5
GetContainer 属性滚动容器 Func<String> window
OffsetBottom 属性计算滚动位置时从底部偏移的像素 Int32? --
OffsetTop 属性计算滚动位置时从顶部偏移的像素 Int32? 0
ShowInkInFixed 属性Fixed模式下是否显示墨球 Boolean false
OnClick 属性设置处理程序来处理点击事件 EventCallback<Tuple<MouseEventArgs, AnchorLink>> --
GetCurrentAnchor 属性自定义锚高亮 Func<String> --
TargetOffset 属性锚点滚动偏移,默认为 AntDesign.Anchor.OffsetTop Int32? --
OnChange 属性当锚点改变时执行的回调,无论是通过点击还是滚动 EventCallback<String> --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
属性 描述 类型 默认值
ChildContent 属性附加内容。不覆盖标题。 RenderFragment --
Href 属性超链接的目标 String --
Title 属性超链接内容 String --
Target 属性指定显示链接 URL 的位置 String --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Watermark水印 BackTop回到顶部
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.