项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。
仅桌面端保证样式

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 ​

名称类型默认值说明
targetStringwindow滚动容器选择器
offset-topNumber0高亮判定与滚动落点的顶部偏移
boundNumber5判定容差(px)
show-markerBooleantrue显示滑动轴线
smoothBooleantrue平滑滚动

事件:click(e, href)、change(href);暴露 scrollTo(href) / refresh()。

名称类型说明
hrefString目标区块选择器(#id),必填
titleString展示标题