---
url: /components/anchor.md
---
# Anchor 锚点

长页面 / 详情页的区块导航：滚动时自动高亮当前区块（scrollspy），点击平滑滚动到目标位置，带滑动轴线指示。

## 基础用法

滚动容器内的锚点用 `target` 指定容器选择器（上例滚动发生在文档流外层容器时可直接不传，默认监听 window）：

```vue
<eb-anchor target="#detail-scroll-container">
  <eb-anchor-link href="#section-1" title="基本信息" />
  <eb-anchor-link href="#section-2" title="合同条款" />
</eb-anchor>
```

## Anchor API

| 名称 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| target | String | window | 滚动容器选择器 |
| offset-top | Number | `0` | 高亮判定与滚动落点的顶部偏移 |
| bound | Number | `5` | 判定容差（px） |
| show-marker | Boolean | `true` | 显示滑动轴线 |
| smooth | Boolean | `true` | 平滑滚动 |

事件：`click(e, href)`、`change(href)`；暴露 `scrollTo(href)` / `refresh()`。

## EbAnchorLink API

| 名称 | 类型 | 说明 |
| --- | --- | --- |
| href | String | 目标区块选择器（`#id`），必填 |
| title | String | 展示标题 |