Javascript 获取分页的每个元素

我正在创建一个电子商务网站，在目录页面中有无限滚动条。我想知道每个产品在屏幕上向用户显示多少次（印象）。问题是如何获得用户每次向下滚动到新页面时呈现的12个新元素。然后将他们的ID传递给服务器并存储他们的印象。有没有办法访问新元素？我检查了一下，什么也没看到

这是我在模板中呈现products数组的代码：

<div class="product-one">
 @foreach($products as $product)
 <div class="col-md-3 product-left"> 

 <div class="p-one simpleCart_shelfItem"> 
 <a href="{{ route('getprodpage', ['id' => $product->id]) }}">
 <img src="{{ $product->image_url1}}" alt="" />
 <div class="mask">
 <span>Comprar</span>
 </div>
 </a>
 <h4>{{ $product->name }}</h4>
 <p><a class="item_add" href="#"><i></i> 
 <span class=" item_price">
 R$ {{$product->price_min}}
 </span></a>
 </p>

 </div>
 </div>
 @endforeach()
 <div class="clearfix"> </div>
 </div>
<?php echo $products->render(); ?>

@foreach（$products as$product）
{{$product->name}


@endforeach（）

这是无限滚动javascript：

$(function() {
    $('.shoes').jscroll({

        loadingHtml: '<center><img src="{{ URL::asset('images/loading.gif') }}" alt="Loading" /> </center>',
        autoTrigger: true,
        padding: 0,
        nextSelector: '.pagination li.active + li a', 
        contentSelector: 'div.shoes',

        callback: function() {
            $('ul.pagination:visible:first').hide();
        }
    });
});

$（函数（）{
$（'.shoes'）.jscroll({
正在加载TML:“”，
自动触发：是的，
填充：0，
下一个选择器：'.pagination li.active+li a'，
contentSelector:“div.shoes”，
回调：函数（）{
$（'ul.pagination:visible:first'）.hide（）；
}
});
});

我相信这个问题已经被问到并得到了回答

这篇文章有一个答案来查看元素是否在视图端口中，还有另一个答案是关于元素何时在视图端口中的事件