Question

I have this HTML :

HTML :

<div class="stave-container">
  <section id="Captcha"></section>
  <div id="horiz_container_outer">
     <img class="img1" />
       ...
     <img class="imgn"/>
  </div>
</div>

++++++++++++++++++++++++++++++++++++++++
+         +                            +
+#Captcha +  img | img | img | img     +
+         +  div#horiz_container_outer +
++++++++++++++++++++++++++++++++++++++++

The section #Captcha is fixed!

The div #horiz_container_outer is scrollable and contains img element!

How can i detect when a img element are behind the Div #Captcha while
scrolling?

Answer 1

My Solution :

I put it into the jquery : .scroll function

    $("#horiz_container_outer > img").each(function(){
      if( $("#Captcha").offset().left > $(this).offset().left )
        {
          console.log($(this).attr("class"));
        }
    })