Javascript 如何确定一个HTML元素是否在另一个HTML元素后面？

我有这个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 +
++++++++++++++++++++++++++++++++++++++++

...
++++++++++++++++++++++++++++++++++++++++
+         +                            +
+#验证码+img | img | img | img+
++div#水平集装箱(外部)+
++++++++++++++++++++++++++++++++++++++++

“验证码”部分已修复

div#horiz_container_outer可滚动，并包含img元素

当img元素在Div#Captcha之后时，我如何检测

---

滚动？

如果您试图让屏幕的某个部分不滚动（听起来是这样，但我不太清楚您的问题），则符合标准的方法是：

.non-scroll-div {
  position:fixed;
}

---

但是请记住兼容性：

要将所有元素从一个div复制到另一个div，可以执行以下操作：

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 +
++++++++++++++++++++++++++++++++++++++++

我将其放入jquery:函数中

---

什么？我很抱歉，但我不知道你想做什么。或者你为解决问题付出了多少努力。或者您当前的实现出了什么问题。我添加了一些信息！希望你能理解我的问题！为什么不将该DIV设置为透明？我如何设置触发器来知道Img何时位于我的固定DIV下？没有简单的方法来检测由于布局或滚动导致的一个元素何时从另一个元素下经过。这样的事情对于浏览器来说是极其复杂的，因为它必须对照所有其他元素检查所有元素，并触发许多事件。

document.getElementById("fixedDiv").innerHTML = document.getElementById("stuff").innerHTML;

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