Mantenere evidenziata voce menu con .active

[epiandre]

Ho un problema con il mio sito http://andreaepifani.altervista.org/test3/. Si tratta di un sito one-page con il plugin scrolld.js per lo scorrimento della pagina.

Nel foglio di stile styles.css ho settato la barra di navigazione in modo da evidenziare le voci attive, con il codice:

ul#nav li.active a { color:#fff; background:#3f8ca0; border-bottom:2px solid #256677; }

Tuttavia la voce attiva del menu non viene evidenziata. E' da un po' che ci giro intorno ma non riesco a capire quale sia il problema.
Qualcuno potrebbe aiutarmi?

Grazie.

[KillerWorm]

Ho dato uno sguardo. Ho provato a cliccare sulle voci della barra di navigazione ma noto che non viene proprio attribuita alcuna classe "active".
Attraverso la console web ho provato ad inserirla manualmente su un elemento "li" e sembra funzionare.
Deduco quindi che non è un problema relativo al "css" ma piuttosto allo script jQuery che gestisce male (o non gestisce) l'applicazione di tale classe sulle voci della barra di navigazione.
Nel caso bisogna chiedere di spostare la discussione sul forum javascript.

[epiandre]

Ok, grazie.

[epiandre]

A quanto pare il problema è con il plugin per lo scrolling della pagina, scrolld.js (https://github.com/charliegeiger89/Scrolld.js). Chi può aiutarmi a modificare il codice javascript per fargli gestire la classe active della barra?

[epiandre]

Per comodità ho creato un fiddle http://jsfiddle.net/DS65w/ del problema riscontrato.