如何找出一個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 + 
++++++++++++++++++++++++++++++++++++++++

的部分#Captcha是固定的！

該div #horiz_container_outer是可滾動的，幷包含img元素！

如何檢測img元素是否在Div #Captcha後面而正在滾動？

來源

2012-02-03 trouble

什麼？我的道歉，但我不知道你想做什麼。或者你爲解決問題付出了多少努力。或者你目前的實施出了什麼問題。 – 2012-02-03 23:01:14

我添加了一些信息！希望你明白我的問題！ – trouble 2012-02-03 23:15:51

爲什麼你只是不讓該DIV透明？ – 2012-02-03 23:18:13

我的解決方案：

我把它改成了jQuery：.scroll功能

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

來源

2012-04-16 10:01:32 trouble

如果您正試圖具有屏幕的部分不滾動（這是它聽起來像，但我不能肯定從你的問題）的符合標準的方式來做到這一點是：

記住

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

保持兼容性但是：http://caniuse.com/#feat=css-fixed

來源

2012-02-03 22:59:41 Gus

要所有元素從一個格複製到另一個，你可以做這樣的事情：

HTML

個

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

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

來源

2012-02-03 23:21:40

如何設置觸發器以知道Img何時位於我的固定DIV下？ – trouble 2012-02-03 23:30:25

由於佈局或滾動，沒有簡單的方法可以檢測到一個元素在另一個元素下通過。這樣的事情對於瀏覽器來說是非常複雜的，因爲它必須檢查所有元素與所有其他元素並且觸發許多事件。 – Gus 2012-02-04 04:25:51

如何找出一個HTML元素是否在另一個HTML元素之後？

回答

相關問題