Jqueryを使用してスクロールで要素を取得

Question

私はスクロール時に要素を取得しようとしています。

などをスクロールしながら基本的に私の目的は、私は要素にスクロールするとIDが

に関しては動的であると本部のIDを取得する方法があり、私は

<div id='ParentDiv' style="overflow-x:auto"> 
<div id="1" style="height:50px"> 1 <div> 
<div id="2" style="height:100px">2</div> 
<div id="3" style="height:20px>3<div> 
</div> 

を持つ要素を取得することです

Answer 1

$("div").on('mousewheel DOMMouseScroll', function(e) { 
    var id = $(this).attr("id"); 
    console.log(id); 
}) 

Answer 2

あなたはあなたが探しているものかどうかわかりませんコード。 #parentスクロールでは、コンソールに書き込まれた要素のidが画面に表示されます。

$("#parent").scroll(function() { 
 
    var winHeight = $(this).height(); 
 
    var scrollTop = $(this).scrollTop(); 
 
    
 
    $(".child").each(function(index){ 
 
     var elemHeight = $(this).height(); 
 
     var elementTop = $(this).position().top; 
 

 
     if (elementTop < scrollTop + winHeight && scrollTop < elementTop + elemHeight) 
 
      console.log($(this).attr("id"));  
 
    }); 
 
});

#parent { 
 
    height: 150px; 
 
    overflow: auto; 
 
} 
 

 
.child { 
 
    height: 300px; 
 
} 
 

 
#child1 { 
 
    background: red; 
 
} 
 

 
#child2 { 
 
    background: blue; 
 
} 
 

 
#child3 { 
 
    background: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="parent"> 
 
    <div id="child1" class="child"></div> 
 
    <div id="child2" class="child"></div> 
 
    <div id="child3" class="child"></div> 
 
</div>