Anchor 锚点

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

何时使用

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

代码演示

基本

最简单的用法。

expand code expand code

静态位置

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

expand code expand code

自定义 click 事件

点击锚点不记录历史。

expand code expand code

API

Anchor Props

成员 说明 类型 默认值
affix 固定模式 boolean true
bounds 锚点区域边界 number 5(px)
getContainer 指定滚动的容器 () => HTMLElement () => window
offsetBottom 距离窗口底部达到指定偏移量后触发 number
offsetTop 距离窗口顶部达到指定偏移量后触发 number
showInkInFixed 固定模式是否显示小圆点 boolean false
wrapperClass 容器的类名 string -
wrapperStyle 容器样式 object -

事件

事件名称 说明 回调参数
click click 事件的 handler Function(e: Event, link: Object)
成员 说明 类型 默认值
href 锚点链接 string
title 文字内容 string|slot
  Spin 加载中BackTop 回到顶部