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

BackTop回到顶部

返回页面顶部的操作按钮。

何时使用

  • 当页面内容区域比较长时;
  • 当用户需要频繁返回顶部查看相关内容时。

Examples

最简单的用法。

expand code expand code

可以自定义回到顶部按钮的样式,限制宽高:40px * 40px

expand code expand code

BackTop API#

属性 描述 类型 默认值
Icon 属性按钮的图标 String vertical-align-top
ChildContent 属性按钮的内容。优先于图标。 RenderFragment --
VisibilityHeight 属性按钮变为可见的滚动偏移量,以 px 为单位 Double 400
TargetSelector 属性按钮所在的可滚动区域 String window
OnClick 属性单击 BackTop 时执行的回调。不会覆盖默认功能。 EventCallback --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Anchor锚点 Area面积图
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.