Javascript 多次追加元素的无限滚动问题

因为它似乎不想及时加载。我想让它一旦元素在屏幕的底部，它就开始工作了。这是因为-

if（$（window）.scrollTop（）>postedLast）{

还有其他方法可以做到这一点吗？因此，它不在屏幕的顶部，而是在屏幕的底部发挥作用（在末尾可以看到）

检查以下内容：

我想你可以利用一些好的开源插件，它们已经完成了你想做的事情，而不需要重新发明轮子，或者你可以使用他们第二个例子中的这个片段（我发现它很简单，但很有效），我在这里复制粘贴：

 $('.post').last().position().top + $('.post').last().outerHeight();

$（窗口）。滚动（函数（）
{
if（$（窗口）.scrollTop（）==$（文档）.height（）-$（窗口）.height（））
{
$（'div#loadmoreajaxloader'）.show（）；
$.ajax({
url:“loadmore.php”，
成功：函数（html）
{
如果（html）
{
$（“#postswraper”）.append（html）；
$（'div#loadmoreajaxloader'）.hide（）；
}否则
{
$（'div#loadmoreajaxloader'）.html（'不再显示帖子'）；
}
}
});
}
});

 $('.post').last().position().top + $('.post').last().outerHeight();

<script type="text/javascript">
$(window).scroll(function()
{
    if($(window).scrollTop() == $(document).height() - $(window).height())
    {
        $('div#loadmoreajaxloader').show();
        $.ajax({
        url: "loadmore.php",
        success: function(html)
        {
            if(html)
            {
                $("#postswrapper").append(html);
                $('div#loadmoreajaxloader').hide();
            }else
            {
                $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
            }
        }
        });
    }
});
</script>