dsh-scroll-bottom:DSH Web 界面一鍵回到底部

前言

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
羽毛球分组比赛记分
小程序二维码

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

小夜