Jquery 如何检查类的最后一次出现是否在视口中并触发函数

我试着制作一些类似于无限滚动的东西，但我不知道只有当div.nextpage的最后一个在viewport中时如何加载内容。我正在使用viewport JQuery插件。 当加载它时，它应该再次只处理最后一个实例，该实例加载了新内容

在我的例子中，当第一个.nextpage出现在视口中时，内容正在加载，然后函数被解除绑定

我的代码：

function check_nextpage(event) {
$('.nextpage:in-viewport').each(function() {
$(window).unbind('scroll', check_nextpage);
alert('loading content');
});
}


$(document).ready(function() {
$(window).bind('scroll', check_nextpage);

});

HTML

<content.....>
<a href="../test.html" class="nextpage1">next page</a>
<content.....>
<a href="../test.html" class="nextpage1">next page</a>   

尝试

$（'.nextpage'）.last（）.filter（“：在视口中”）

或

.is（“：在视口中”）

---

看一看，这只是为了说明元素在视口中。我使用插件jquery.viewport，我可以使用选择器：in viewport，它告诉我元素是否在vp中，但我不知道如何检查html类元素的最后一次出现是否在vp中