组件

Back to top 回到顶部

回到顶部浮动按钮；data-pvs-backtop 挂载 JS，滚动超过偏移后显示。

默认

右下角固定；data-pvs-backtop-offset="320" 为显示阈值（像素）。

文档预览强制 is-visible；实页滚动后由 JS 切换。

<button type="button" class="pvs-backtop is-visible" data-pvs-backtop aria-label="回到顶部">↑</button>
<p class="pvs-text-sm pvs-text-muted pvs-m-0">文档预览强制 <code>is-visible</code>；实页滚动后由 JS 切换。</p>

Custom offset

长文档可提高阈值；配合 prefers-reduced-motion 平滑滚动。

data-pvs-backtop-offset="600" — 滚动 600px 后显示。

<div class="pvs-stack pvs-gap-2" style="max-width:18rem">
  <button type="button" class="pvs-backtop is-visible" data-pvs-backtop data-pvs-backtop-offset="600" aria-label="回到顶部">↑</button>
  <p class="pvs-text-sm pvs-text-muted pvs-m-0">
    <code>data-pvs-backtop-offset="600"</code> — 滚动 600px 后显示。</p>
    </div>

类名速查

类名	说明
`pvs-backtop`	浮动钮（需 data-pvs-backtop）
`is-visible`	JS 滚动后添加
`data-pvs-backtop-offset`	显示阈值（默认 320）