2011-12-31 9 views
5

Vi un sitio hace uno o dos meses que tenía anclajes fijados en el lado derecho de la página que no se desplazaría cuando se desplazó la página. Eso solo no es difícil de hacer con CSS.Minimapa de secciones de página HTML mostradas como anclajes fijos en la ventana gráfica

Pero en ese sitio, los anclajes fijos se generaron dinámicamente en función de los encabezados de las secciones en la página. Y fueron proporcionalmente espaciados en el lado derecho de la página en relación con su posición en el documento.

En esencia, creó un mini mapa de todo el documento, dando una visión general de lo que estaba en el documento, y el espacio entre las secciones del documento, todo dentro de la ventana gráfica actual. Podrías ver rápidamente qué tan grande era cada sección en relación entre sí. Tal vez debería llamarlo una tabla de contenidos en lugar de un mini mapa.

Creo que esto estaba en una página de documentación para una API de algún tipo. Creo que funcionó muy bien para la navegación, y quiero construir algo así como algo de documentación que debo hacer.

En cierto modo, me recordó el minimapa en el lado derecho de Sublime Text 2, pero solo se mostraban los encabezados principales y se representaban como botones fijos en el lado derecho de la página. sublime text 2 minimap

Desafortunadamente, no puedo recordar ni encontrar el sitio donde lo vi. ¿Alguien ha visto un ejemplo de algo como esto? Me encantaría ver algunos ejemplos antes de comenzar a implementarlo. ¿O existen herramientas para hacer esto, complementos jquery, etc.?

Respuesta

Cuestiones relacionadas