Question

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

#Captcha 部分已修复！

div #horiz_container_outer 是可滚动的，包含img元素！

我怎样才能检测到img元素何时位于Div #Captcha后面滚动？

Answer 1

我的解决方案：

我将它放入jquery：.scroll函数

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

Answer 2

如果您试图让屏幕的一部分不滚动（听起来像是这样，但我不能确定您的问题），那么符合标准的方法是：

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

请注意保持兼容性：http://caniuse.com/#feat=css-fixed

Answer 3

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

HTML

<div id="fixedDiv"></div>
<div id="stuff"><span>some stuff</span><br /><hr /></div>

JS

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

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

3 个答案: