2011-12-31 9 views
5

Ho visto un sito un mese o due fa che aveva ancoraggi fissi sul lato destro della pagina che non scorreva quando la pagina scorreva. Questo da solo non è difficile da fare con i CSS.Mini-mappa di sezioni di pagine HTML mostrate come ancoraggi fissi nella vista

Ma su quel sito, le ancore fisse sono state generate dinamicamente in base alle intestazioni di sezione nella pagina. Ed erano proporzionalmente distanziati sul lato destro della pagina in relazione alla loro posizione nel documento.

In sostanza, ha creato una mini-mappa dell'intero documento, fornendo una panoramica visiva di ciò che era nel documento e la spaziatura tra le sezioni del documento, il tutto all'interno della finestra corrente. Potresti vedere rapidamente quanto grande ciascuna sezione era in relazione l'una con l'altra. Forse dovrei chiamarlo una tabella dei contenuti invece di una mini-mappa.

Credo che questo fosse in una pagina di documentazione per un'API di qualche tipo. Penso che abbia funzionato molto bene per la navigazione, e voglio costruire qualcosa di simile per una documentazione che devo fare.

In un certo senso, mi ha ricordato la minimappa sul lato destro di Sublime Text 2, ma solo le intestazioni principali sono state mostrate e sono state rappresentate come pulsanti fissi sul lato destro della pagina. sublime text 2 minimap

Purtroppo, non riesco a ricordare o trovare il sito in cui l'ho visto. Qualcuno ha visto un esempio di qualcosa di simile? Mi piacerebbe vedere alcuni esempi prima di iniziare a implementarlo. O esistono strumenti per farlo, plugin jquery, ecc.?

risposta

Problemi correlati