Funzione onscroll relativa a elementi multipli

[XFred26]

Ho un problema potenzialmente complesso. Dato un elenco ul ho bisogno di realizzare una funzione:

• che si attivi allo scorrere della finestra;
• che venga applicata ad ogni elemento li della lista.

Per farlo ho cercato informazioni sull'utilizzo dell'Event Delegation, che ho trovato promettente fino a quando ho dovuto legare la funzione allo scorrimento della pagina, proprio perché funziona con l'evento .onclick. Devo quindi risolvere il problema del richiamo della funzione.

La funzione deve poi intervenire sugli elementi in questo modo:

1. Verfifica che la posizione verticale di un elemento li della lista sia (ad esempio) minore del 60%, cioè la metà superiore della pagina;
2. Se ciò si verifica, applica all'elemento successivo (attraverso l'utilizzo di .nextElementSibling) un cambiamento nello stile.

Sostanzialmente la funzione, ogniqualvolta, scorrendo la finestra del browser, un elemento della lista viene a trovarsi nella metà superiore della finestra, applica un cambiamento di stile all'elemento successivo (a breve fornirò una piccola animazione esplicativa).

Non pretendo certo che qualcuno crei uno script completo (anche se non sarebbe male ), ma vorrei sapere quali metodi vanno applicati per realizzarlo, magari anche solo con riferimenti esterni. Sarebbe di grande aiuto.