SuperAPI AI 工具集

el-anchor

通用与其它

查看项目

更新于 10-15 23:32

技能介绍

用途:Anchor 组件用于在当前页面内快速导航到指定区块,适用于页面目录、文档导航、章节锚点与页面快速跳转等场景。

主要能力:支持垂直与水平两种方向(direction 取 vertical 或 horizontal);支持 default 与 underline 两种类型(type);可显示标记(marker);可指定滚动容器(container,类型为 string | HTMLElement | Window);可设置滚动偏移(offset,默认 0)、触发锚点的偏移(bound,默认 15)与滚动时长(duration,默认 300 毫秒)。事件包括 change(活动链接变化,回调参数 href)与 click(链接被点击,回调参数 e 与可选 href)。组件暴露 scrollTo 方法,可按 href 滚动到指定位置。

使用方式:以 el-anchor 包裹若干 el-anchor-link,链接通过 href 指向目标区块、title 设置文字。水平模式设置 direction="horizontal";自定义滚动区域时传入 container 与 offset;下划线样式设置 type="underline"。AnchorLink 提供 default 与 sub-link 两个插槽用于子链接。

最佳实践:自定义滚动区域使用 container;存在固定头部时使用 offset;顶部导航使用 direction="horizontal"。

限制:资料未提供安装命令、版本要求、浏览器兼容性、收费与授权信息,暂未提供。