获取分页的每个元素

问题描述：

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

这是我的代码呈现在模板的产品阵列：

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

答

我相信这个问题已经被问和已经回答了。

jQuery: How can I trigger an event when a div comes into view?

此柱具有一个答案，以查看是否一个元件处于视口，并且还另一个答案为一个事件，用于当元件处于图端口。

获取分页的每个元素

相关推荐