Buongiorno a tutti

Avrei bisogno di sapere come posso con javascript applicare un animazione ad un div solamente se esso è visibile sullo schermo.

Il div si trova verso il fondo pagina e quando lo si raggiunge vorrei cambiasse l'opacità ad un immagine contenuta nel div padre.

Come posso fare?