獲取分頁的每個元素

Question

我正在創建一個在目錄頁面中具有無限滾動的電子商務站點。 我想知道每種產品在屏幕上展示給用戶的次數（展示次數）。 問題是如何獲取每次用戶向下滾動到新頁面時都會呈現的新的12個元素。 然后將其ID傳遞到服務器並存儲其印象。 有沒有辦法訪問新元素？ 我查看了laravel文檔 ，但對此一無所獲。

這是我的代碼，用於在模板中呈現產品數組：

<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(); ?>

這是無限滾動的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();
        }
    });
});

Answer 1

我相信這個問題已經被提出並得到了回答。

jQuery：當div出現時，如何觸發事件？

這篇文章有一個答案，可以查看元素是否在視口中，還可以為事件提供另一個答案，以了解元素在視口中的時間。