---
title: Anchor 锚点
description: 页面内的超级链接，用于跳转到页面内指定位置
isComponent: true
usage: { title: "", description: "" }
spline: navigation
---

## 基本用法

通过设置`l-anchor-item`的`href`属性来实现点击滚动到页面指定`id`的元素位置，通过`affixProps`可设置锚点在页面中固定的位置
范围

> 提示：`affixProps`支持所有[`affix`](/desktop/components/affix)的配置项。

{{ base }}

## 自定义游标的样式

可通过`cursor`来设置游标的样式，类型为：`LNode`。

> 提示：支持`slot`和`props`方式渲染，当 props 值类型为`function`时，务必给 script 添加`lang="jsx"`。

{{ cursor }}

## 指定容器

通过`container`可设置点击的时候从某个元素内部查找对应的 id 元素进行定位滚动，数据类型为 `String` 时，会被当作选择器处理
，进行节点查询。示例：'body' 或 `() => document.body`

{{ container }}

## 大小尺寸

通过`size`可设置锚点的宽度，可选：`small`，`medium`，`large`，默认为：`medium`。

{{ size }}

## 目标偏移量

当页面滚动区域仍是`body`，而顶部有`fixed`定位的元素的时候，通过`targetOffset`可设置锚点对象滚动的偏移量来避免被遮挡。

{{ targetOffset }}

## 滚动边界

通过`bounds`可设置锚点滚动边界，当滚动到距离相邻目标边界点一定距离的时候去触发`onChange`事件。

{{ bounds }}
