# anchor (w-anchor)

- **Import**: `WAnchor` from `win-design-next`
- **Tag**: `<w-anchor>`
- **说明**: Anchor 锚点
- **分类**: navigation
- **Skill 版本**: V1.1.0
- **适配组件库**: win-design-next 1.2.2
- **API 来源**: `docs/zh-CN/component/anchor.md`

## API

## Anchor API

### Attributes

| 属性              | 说明                               | 类型                                   | 默认值     |
| ----------------- | ---------------------------------- | -------------------------------------- | ---------- |
| container         | 滚动的容器                         | `string` \| `HTMLElement` \| `Window ` | —          |
| offset            | 设置锚点滚动的偏移量               | `number`                               | 0          |
| bound             | 触发锚点的元素的位置偏移量         | `number`                               | 15         |
| duration          | 设置容器滚动持续时间，单位为毫秒。 | `number`                               | 300        |
| marker            | 是否显示标记                       | ^[boolean]                             | true       |
| type              | 设置锚点类型                       | ^[enum]`'default' \| 'underline'`      | `default`  |
| direction         | 设置锚点方向                       | ^[enum]`'vertical' \| 'horizontal'`    | `vertical` |
| select-scroll-top | 滚动时，链接是否选中位于顶部       | ^[boolean]                             | false      |

### Events

| 事件名 | 说明                 | 类型                                                |
| ------ | -------------------- | --------------------------------------------------- |
| change | step 改变时的回调    | ^[Function]`(href: string) => void`                 |
| click  | 当用户点击链接时触发 | ^[Function]`(e: MouseEvent, href?: string) => void` |

### Methods

| 名称     | 说明                 | 类型                                |
| -------- | -------------------- | ----------------------------------- |
| scrollTo | 手动滚动到特定位置。 | ^[Function]`(href: string) => void` |

### Slots

| 名称    | 说明                |
| ------- | ------------------- |
| default | AnchorLink 组件列表 |
