[Enhancement]: TOC lacks active section highlighting and auto-scroll
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 48/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- html
- Ambito
- frontend
Direzione di ricerca
Inizia dalla pagina del tutorial collegata nell’issue e individua il template o il componente che esegue il rendering del TOC sulla destra. Verifica come vengono gestiti attualmente i titoli e lo scorrimento; il lavoro è completo quando la sezione visibile viene evidenziata e il TOC mantiene quella voce visibile durante la lettura di tutorial lunghi.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Description
On the tutorial pages for example, The Basic Tools of the Deep Life Sciences, the right-hand sidebar containing the Table of Contents (TOC) for the current page has two usability issues:
- No Active Section Highlighting (Scrollspy): As the user scrolls through the main document, the TOC does not highlight or indicate which section is currently being read.
- No Auto-scrolling: The TOC does not scroll automatically to keep the active section in view or as the user progresses deep into the document.
Enhancement
- Active state: The section currently in the viewport on the main page should be highlighted in the right TOC ( a scrollspy feature).
- Auto-scroll: The TOC should ideally scroll to ensure the currently active section remains visible within the sidebar.
Expected Outcome
It will look something like this (TOC on the right):
https://github.com/user-attachments/assets/874d7019-45e9-4af0-b587-4e726c4dfca1
Why it matters
Adding this would:
- Make it easier for users to navigate long tutorials without losing their place.
- Improve the overall usability and polish of the tutorials, which are often a new user's first hands-on introduction to DeepChem.
- Lingua principale
- HTML
- Stelle
- 4
- Fork
- 18
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Non abbiamo ancora controllato i file di configurazione di questo progetto. Parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di deepchem/deepchem.github.io
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 45/100
deepchem/deepchem.github.io#50 · 2 commenti ·
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 45/100
Tutte le issue di deepchem/deepchem.github.io
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
angular/angularfire#3774 ·
I maintainer di solito rispondono entro 2 giorni
-
ux
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
rr-djk/rr-djuikoo.com#53 ·
I maintainer di solito rispondono entro 1 giorno
-
订阅管理中单个订阅源配置菜单溢出Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
joeseesun/qiaomu-ai-rss#54 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
digitalgroundgame/pragmatic-papers#1035 ·
I maintainer di solito rispondono entro 1 giorno
-
app bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
I maintainer di solito rispondono entro 1 giorno