dsh-scroll-bottom: One-Click Scroll to Bottom for DSH Web Interface

前言

DeepSeek Harness(DSH)的对话 Web 界面里,消息变长之后往上翻历史是常态。看完较早的内容,还要手动把滚动条拖回最新消息,打断节奏。下面介绍社区插件 dsh-scroll-bottom:在输入框上方中间贴一个圆形按钮,点一下平滑滚回底部,纯前端实现,不碰宿主数据。

这是什么

dsh-scroll-bottom 由维护者 mojiezhenlinana 发布,分类为客户端插件。它只做一件事:给 DSH Web 界面增加「一键回到底部」的悬浮按钮。插件不注册工具、不读写数据、不发请求;宿主侧 lib/index.js 为空实现,逻辑全在浏览器侧的 lib/client.js。

社区目录页:skillhub.cn/plugins/mojiezhenlinana/dsh-scroll-bottom。目录站点与 DeepSeek / 幻方无官方从属关系,DSH 生态本身是「一切皆插件」的扩展方式,安装前建议自行查看源码与 MIT 许可证。

当前 package 版本为 0.1.9(以仓库 package.json 为准)。

核心行为

README 中写明的交互与外观如下:

  1. 对话区域向上滚动超过 120px 时按钮才出现;已经在底部时自动隐藏。
  2. 单击按钮后 平滑滚动 到最新消息。
  3. 按钮位置按 输入框真实坐标 计算(贴在输入框上方中间),不是相对窗口居中;窗口缩放、侧栏变化会重新贴位。
  4. 白色毛玻璃 外观,不依赖主题色,深色 / 浅色界面都可见。
  5. 挂载时会先清理上一次注入的节点与样式,避免热加载叠影。

实现上依赖 DSH 0.2.x 的 DOM 锚点:[data-conversation-scroll](对话滚动容器)、[data-composer-seat](输入框 sticky 座)、以及 [data-chat-flow] / [data-chat-flow-key](消息行,兜底定位滚动容器)。圆形外观用 clip-path: circle(50%) 裁剪;主题对 button 的圆角规则优先级更高时裁剪仍有效,但按钮外侧阴影会被裁掉——README 中记为已知取舍。

安装与启用

安装前先 退出 DSH 宿主,装完再重启。Web 端 profile 为 web;桌面端把命令里的 web 换成对应 profile 名。

官方 README 给出的安装命令为:

dsh plugin --profile web add github:<你的用户名>/dsh-scroll-bottom

从本仓库安装时,将 <你的用户名> 换为 mojiezhenlinana。

也可以手动安装:把整个目录放进 ~/.dsh/profiles/<profile>/node_modules/dsh-scroll-bottom,并在该 profile 的 package.json 中声明依赖与 bundle:

"dependencies": { "dsh-scroll-bottom": "file:<路径>" },
"dsh": { "profile": { "bundles": [ /* ... */, "dsh-scroll-bottom" ] } }

插件以当前 DSH 进程权限运行;虽为纯前端 UI,仍建议在安装前浏览 GitHub 仓库 源码。

典型用法

无需额外配置项:启用 bundle 并重启 Web 界面后,上滑浏览历史,按钮出现;点一下即可回到底部。已在底部时按钮不会挡视线。

仓库结构便于排查问题:lib/index.js 满足 loader 契约(导出 name + apply),lib/client.js 负责建按钮、定位、显隐与滚动,cordis.patch.yml 为一行 bundle 补丁。

适用场景与注意

适合经常在 DSH Web 里 长对话、反复上滑查上下文 的开发者。不适合需要改服务端行为、或依赖未文档化 DOM 锚点的旧版宿主——锚点说明针对 DSH 0.2.x。

若界面改版导致选择器失效,需要等插件更新或自行 fork 调整 lib/client.js。

结尾

dsh-scroll-bottom 用最小前端补丁补上「看完历史再滑回去」这一步,和 DSH 的插件模型一致:不动数据、只改体验。

  • 目录页:https://www.skillhub.cn/plugins/mojiezhenlinana/dsh-scroll-bottom
  • 源码与说明:https://github.com/mojiezhenlinana/dsh-scroll-bottom
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye