ウィンドウ上でJQueryでクラスの項目をスクロールし、特定の項目のスクロール機能を実行しますか？

Question

$(window).scroll(function() { 
if ($(window).scrollTop() >= ($(document).height() - $(window).height())*0.5){ 
newAjaxCallfunction(); 
    }}); 

は、私が働いてこのコードを持っていますが、私の問題は異なっているページのロードは、私が見るに、デフォルトでは10アイテムを持っているとき、私はその後、）（トリガーnewAjaxCallfunctionを意味して来て項目をリセットする9項目にスクロールしたときに、私が欲しい 、 itemsはnewAjaxCallfunction（）から来ています。 私はすべての項目の最初の10の同じクラスをrowHeightクラスとも呼ばれ、ループ内にあるので、最初の10クラスはデフォルトでリセットされ、同じクラス名も持ちます。

Answer 1

は、特定のdivを使用して扱うinnerHeight()機能とscrollHeight

$('.scroll').scroll(function() { 
    var lastItemHeight = $(this).children().last().height(); 
    if ($(this).scrollTop() >= $(this)[0].scrollHeight - $(this).innerHeight() - lastItemHeight) { 
    console.log($(this).scrollTop() + '-' + $(this).innerHeight() + '-' + $(this)[0].scrollHeight + '-' + lastItemHeight) 
    } 
}); 

$('.scroll').scroll(function() { 
 
    var lastItemHeight = $(this).children().last().height(); 
 
    if ($(this).scrollTop() >= $(this)[0].scrollHeight - $(this).innerHeight() - lastItemHeight) { 
 
    console.log($(this).scrollTop() + '-' + $(this).innerHeight() + '-' + $(this)[0].scrollHeight + '-' + lastItemHeight) 
 
    } 
 
});

.scroll { 
 
    height: 200px; 
 
    width: 100%; 
 
    overflow: auto; 
 
} 
 
.child { 
 
    height: 50px; 
 
    width: 100%; 
 
    overflow: auto; 
 
    background: red; 
 
    border: solid 1px black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="scroll"> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
    <div class="child"></div> 
 
</div>