Generar una tabla de contenido con JavaScript puro-TOC
| Autor: | idiotWu |
|---|---|
| Views Total: | 4,553 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 12, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
TOC es un plugin de JavaScript libre de jQuery que genera automáticamente un tabla de contenido de etiquetas de encabezado HTML de su contenido largo.
Funcionamiento
Cargue la biblioteca de JavaScript TOC. js en el documento.
<script src="src/toc.js"></script>
Devuelve una lista ordenada de encabezados en el contenido de la página.
varlist =initTOC(options);
Luego puedes anexarlo a cualquier lugar que quieras.
container.appendChild(list);
También funciona con la librería jQuery. Agregue el siguiente fragmento de código JavaScript después de la biblioteca de jQuery.
$(elem).initTOC(options);
Todas las opciones.
initTOC({
// headers selector
selector:'h1, h2, h3, h4, h5, h6',
// selector to specify elements search scope
scope:'body',
// whether to overwrite existed headers' id
overwrite:false,
// string to prepend to id/href property
prefix:'toc'
}) Registro de cambios
v0.0.6 (07/12/2018)
- Fix (ancla): utilice ' scrollIntoView ' para restablecer el desplazamiento
