Evidenziazione sezione attiva (scroll-spy)
Evidenzia il link dell’indice corrispondente alla sezione visibile sullo schermo.
Codice da copiare
var heads = document.querySelectorAll('h2[id], h3[id]');
if (heads.length && 'IntersectionObserver' in window) {
var obs = new IntersectionObserver(function (entries) {
entries.forEach(function (en) {
if (en.isIntersecting) {
document.querySelectorAll('a[href^="#"]').forEach(function (a) {
var on = a.getAttribute('href') === '#' + en.target.id;
a.style.fontWeight = on ? '700' : '';
a.style.background = on ? '#fff3a8' : '';
});
}
});
}, { rootMargin: '0px 0px -70% 0px' });
heads.forEach(function (h) { obs.observe(h); });
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello JavaScript della regola e salva — viene eseguito a ogni visita della pagina.
Valuta questo esempio
Nessuna valutazione — sii il primo.