跳到正文
  • 首页
  • 插件说明
  • dsh-scroll-timeline

invalidnaaaame/dsh-scroll-timeline

31最近提交 2026年8月14日

dsh-scroll-timeline DSH 插件

dsh-scroll-timeline 在聊天侧边栏右侧添加一个垂直节点轨道，每条用户消息对应一个水平条。它包含阅读位置峰值条、磁吸山峰悬停效果、悬停预览卡片以及平滑的点击跳转导航。当用户消息少于 2 条时自动隐藏。

ui-productivity

如何安装 dsh-scroll-timeline DSH 插件

dsh plugin --profile web add "github:invalidnaaaame/dsh-scroll-timeline#main

复制不会执行命令。安装 dsh-scroll-timeline DSH 插件前请核对仓库和版本。

dsh-scroll-timeline DSH 插件数据来源

dsh-scroll-timeline DSH 插件快照日期：2026年8月16日

discovered

dsh-scroll-timeline DSH 插件能做什么

  • 滚动时间线：侧边栏右侧垂直节点轨道，每条用户消息一个水平条（3px 高，14px 点击区域）。
  • 阅读位置峰值：峰值条（39px 品牌蓝色）跟随当前阅读位置。
  • 磁吸山峰悬停：鼠标悬停时，最近节点成为峰值，相邻节点按比例扩展（39/30/21/15/9）。
  • 悬停预览：悬停节点显示消息预览卡片（6 行截断，与官方 HoverCard 风格一致）。
  • 点击跳转：平滑滚动到对应消息，并添加品牌蓝色高亮环。
  • 完整历史：始终显示所有历史节点；长会话在容器内滚动。
  • 自动隐藏：当用户消息少于 2 条或不在聊天页面时隐藏。

dsh-scroll-timeline DSH 插件适合哪些场景

  • 在长对话历史中快速导航，滚动时间线并点击节点跳转。
  • 不离开当前滚动位置，通过悬停卡片预览消息内容。
  • 在繁忙的对话中通过峰值条直观跟踪阅读进度。

dsh-scroll-timeline DSH 插件适合谁

  • 频繁需要回顾早期消息的重度聊天用户。
  • 习惯使用视觉时间线而非传统滚动条在长对话中导航的用户。

dsh-scroll-timeline DSH 插件的限制

  • 仅浏览器端：插件仅在 Web 客户端（浏览器）中工作，Node 端无效。
  • 需要至少 2 条用户消息才会显示；否则保持隐藏。
  • 依赖官方锚点属性 `data-time-hover-root`（自 0806 版本的用户行）；如果 DSH 更改此契约可能失效。
  • 无配置界面；所有自定义通过轨道容器上的 CSS 变量实现。

dsh-scroll-timeline DSH 插件的仓库 README 摘录

以下文字摘自 dsh-scroll-timeline DSH 插件的上游仓库 invalidnaaaame/dsh-scroll-timeline 的 README，版权归原作者，仅作引用。

An evenly spaced node rail on the right edge of the sidebar (one horizontal bar per user message) — the peak bar follows your reading position, hovering grows a magnetic "mountain" (design ratios 39/30/21/15/9; base and peak widths are adjustable via CSS variables), a hover preview card (6-line clamp), click-to-jump with smooth scrolling and a brand-blue highlight, full history always visible, and auto-hide when there are fewer than 2 user messages. Form factor: an official **bundle plugin** (`dsh.bundle` + dshClient channel, **browser-only**, empty Node half), 0 patches. > Derived from [vlln/dsh-navbar](https://github.com/vlln/dsh-navbar) (MIT, spec issue dsh-external/issues#144), with the interaction redesigned: horizontal bar nodes, magnetic mountain hover, sidebar-adjacent positioning, and full history. ## Preview ![dsh-scroll-timeline (left: reading-position peak bar; right: hover magnetic mountain)](docs/preview/navbar.png) ## Features | Feature | Description | |---|---| | Scroll timeline | Vertical node rail on the right edge of the sidebar, one horizontal bar per user message (3px tall, 14px hit area) | | Reading position | Peak bar (39px brand blue) follows the curren

阅读完整 README仓库许可: MIT

dsh-scroll-timeline DSH 插件常见问题

如何安装 dsh-scroll-timeline？

运行一行命令安装：`dsh plugin --profile web add "github:invalidnaaaame/dsh-scroll-timeline#main"`。安装后重启 Web 客户端即可生效。你也可以克隆仓库，然后在本地目录执行 `dsh plugin --profile web add .`。

为什么滚动时间线不显示？

时间线只在当前聊天至少有 2 条用户消息时才会显示，并且离开聊天页面时自动隐藏。请确保你处于一个包含足够消息的对话中。如果仍然不显示，请检查插件是否已在设置 → 插件中启用。

可以自定义时间线条的宽度吗？

可以。通过轨道容器上的 CSS 变量调整基线和峰值宽度，例如设置 `--dsh-navbar-base-w: 9px;` 和 `--dsh-navbar-peak-w: 39px;`。目前没有内置的配置界面。

dsh-scroll-timeline 在手机上能用吗？

该插件仅支持浏览器端，并针对桌面侧边栏布局设计。由于手机屏幕窄，可能无法正常显示，预览卡片也可能被裁剪。

如何卸载 dsh-scroll-timeline？

使用 DSH 插件管理命令：`dsh plugin --profile web remove invalidnaaaame/dsh-scroll-timeline`。或者直接在设置 → 插件中禁用，无需卸载。