Conoscere le coordinate di un div rispetto a un altro div?

[LCV]

Salve

ho un div (id="A") innestato in un altro div scrollabile (id="B"). Il div scrollabile è inserito a sua volta in un altro div (id="C"). Lo scrolling è fatto con un js e fin qua nessun problema.

Quello di cui ho bisogno è conoscere le coordinate di A rispetto a C. Essendo A in B ed essendo B scrollabile, queste mutano. Conoscendo le coordinate vorrei innescare un evento quando A si trova in determinate posizioni (precisamente quando si trova fuori dalle dimensioni fissate da C, che delimita l'area visibile di B).

Per quanto riguarda l'evento (un cambio negli stili di A) non c'è problema ci so arrivare.

E' che non so risolvere la questione dell'individuazione delle coordinate relative di un div contenuto in un altro... Di JS conosco solo le basi minime terra-terra...

mi potreste aiutare gentilmente?

ciao

[oskaron]

forse in questo caso sarebbe da ragionare al modo inverso, cioe se B è dentro A allora rimani normale, altrimenti cambia stile. In questo modo forse ti eviti di dover calcolare le coordinate

[LCV]

Originariamente inviato da oskaron
forse in questo caso sarebbe da ragionare al modo inverso, cioe se B è dentro A allora rimani normale, altrimenti cambia stile. In questo modo forse ti eviti di dover calcolare le coordinate

ma B è sempre dentro A. Il punto è che B può avere scrolling al suo interno e B scomparire. I limiti dell'area visibile di B sono fissati da un altro layer C, in cui è innestato B. Quando scompare (di fatto non scompare, è solo apparentemente invisibile all'utente) voglio che si verifichi un evento.

Ricapitolando

<div id="C">
     <div id="B" (scrollabile tramite js)>
          <div id="A">
          </div>
     </div>
</div>

naturalmente c'è altro codice, ma è per semplificare