使用Jquery在Scroll上獲取Element

Question

當我滾動時，我一直試圖獲取元素。 基本上我的目標是在滾動時獲取Element

我有

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

當我滾動到元素時，有什么方法可以獲得Div的ID，因為ID是動態的

問候

Answer 1

我不知道這是不是你要找的：

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

Answer 2

您可以使用此代碼。 在#parent scroll上，屏幕中的元素的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>